.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
	height: 20px;
	line-height: 20px;
    color: #fff
}
.vnForm.el-form  .el-form-item{
	margin-bottom:20px
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.phoneLogin .formContainer {
    padding: 0 30px
}

.phoneLogin .phoneLogin-dialog-footer {
    height: 80px
}

.phoneLogin .el-form .el-form-item__label {
    padding: 0
}

.phoneLogin .el-form .el-form-item__content {
    padding-top: 20px
}

.phoneLogin .links {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 0;
    height: 30px
}

.phoneLogin .links div {
    color: #fff;
    cursor: pointer
}

.phoneLogin .phoneInput {
    position: relative
}

.phoneLogin .phoneInput .el-input__validateIcon {
    display: none
}

.phoneLogin .phoneInput .el-input-group__append {
    position: absolute;
    top: 0;
    right: 70px;
    background: 0 0;
    border: none;
    cursor: pointer;
    height: 40px;
    line-height: 40px
}

.phoneLogin .phoneInput .el-input-group__append:hover {
    color: #ff9c00
}

.phoneLogin .el-button {
    width: 330px!important
}

.phoneLogin .el-input__suffix {
    right: 25px
}

.phoneLogin .el-input--suffix .el-input__suffix {
    margin-right: -10px!important
}

.phoneLogin .el-input {
    float: right
}

.phoneLogin .el-input__inner {
    width: 100%!important;
    border-radius: 8px!important
}

.phoneLogin .el-dialog__close {
    color: #999!important
}

.phoneLogin .el-select {
    width: 330px!important
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.login .formContainer {
    padding: 0 30px
}

.login .formContainer .tabsContainer {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.login .formContainer .el-radio-group .el-radio-button__inner {
    border: 1px solid #3d4977;
    color: #8d96b9;
    background: #293356;
    box-shadow: none
}

.login .formContainer .el-radio-group .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    border: 1px solid #3d4977;
    background: #3d4977!important;
    color: #fff!important;
    box-shadow: none
}

.login .el-form .el-form-item__label {
    padding: 0
}

.login .el-form .el-form-item__content {
    padding-top:20px
}

.login .links {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 0;
    height: 30px
}

.login .links div {
    color: #fff;
    cursor: pointer
}

.login .phoneInput {
    position: relative
}

.login .phoneInput .el-input__validateIcon {
    display: none
}

.login .phoneInput .el-input-group__append {
    position: absolute;
    top: 0;
    right: 70px;
    background: 0 0;
    border: none;
    cursor: pointer;
    height: 40px;
    line-height: 40px
}

.login .phoneInput .el-input-group__append:hover {
    color: #ff9c00
}

.login .isNotTitle {
    width: 70px;
    height: 70px;
    margin: auto
}

.login .isNotTitle i {
    font-size: 70px
}

.login .isNotContent {
    font-size: 14px;
    width: 175px;
    height: 19px;
    margin: auto;
    margin-bottom: 50px
}

.login .isNotButton {
    background: #1f61b2;
    margin-top: 20px
}

.login .el-button {
    margin-top: 7px
}

.login .el-input__suffix {
    right: 25px
}

.login .el-input--suffix .el-input__suffix {
    margin-right: -10px!important
}

.login .el-input {
    float: right
}

.login .el-input__inner {
	height:40px!important;
    width: 100%!important;
    border-radius: 8px!important
}

.login .el-dialog__close {
    color: #999!important
}

.login .el-select {
    width: 330px!important
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.registerRules .content {
    width: 800px;
    height: 500px;
    overflow: auto;
    padding: 20px;
    font-size: 14px
}

.registerRules .content p {
    line-height: 18px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

._timeDown {
	flex: 1;
    color: #fff
}

._timeDown h2 {
    font-weight: 700;
    color: #fff;
    font-size: 18px
}

._timeDown .time i {
    font-size: 18px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.app-download-wp {
    height: 400px;
	background-image: url(../img/dnbg.jpg);
    background-repeat: no-repeat;
    background-size: cover!important;
}

.app-download-wp .app-download {
    margin: auto;
    width: 1400px;
    height: 400px
}

.app-download-wp .slogan-wp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 30px 0 14px;
    width: 656px;
    height: 100px;
    color: #fff
}

.app-download-wp .slogan-wp div {
    font-size: 22px;
    font-weight: 500
}

.app-download-wp .slogan-wp .dot {
    flex: unset;
    margin: 20px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%
}

.app-download-wp .short-line {
    width: 36px;
    height: 4px;
    background: #fff
}

.app-download-wp .spec {
    padding: 20px 0 28px
}

.app-download-wp .spec div {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.app-download-wp .QR-code-wp {
    display: flex
}

.app-download-wp .QR-code-wp .QR-code {
    margin-right: 80px;
    width: 116px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.app-download-wp .QR-code-wp .QR-code img {
    width: 116px;
    height: 116px;
    border-radius: 4px
}

.app-download-wp .QR-code-wp .QR-code .txt {
    padding-top: 12px;
    width: 116px;
    height: 30px;
    line-height: 30px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.home {
    margin-top: 1px!important
}

.home .banner-swiper-wp {
    position: relative;
    width: 100%;
    height: 376px;
    padding-top: 16px;
    background-image: linear-gradient(180deg,#34248b,rgba(100,74,191,0))
}

.home .banner-swiper-wp .banner-item img {
    width: 1152px;
    height: 100%
}

.home .banner-swiper-wp.swiper-container .swiper-button-next,.home .banner-swiper-wp.swiper-container .swiper-button-prev {
    width: 40px;
    height: 96px;
    color: #fff;
    background: rgba(0,0,0,.7)
}

.home .banner-swiper-wp.swiper-container .swiper-button-next:after,.home .banner-swiper-wp.swiper-container .swiper-button-prev:after {
    font-size: 24px
}

.home .banner-swiper-wp.swiper-container .swiper-pagination-bullet-active {
    width: 24px;
    height: 8px;
    background: #fff;
    border-radius: 4px
}

.home .banner-swiper-wp.swiper-container .swiper-slide-active {
    border: 3px solid #e9cfa4
}

.home .custormerServiceLink {
    cursor: pointer;
    position: fixed;
    top: 260px;
    right: 14px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    display: inline-block;
    z-index: 9;
    background-image: linear-gradient(135deg,#7146ff,#7146ff 0,#4a69ff);
    box-shadow: 0 2px 12px 0 rgba(98,54,255,.51);
    border-radius: 35px;
    color: #fff;
    font-size: 40px
}

.home .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf
}

.home .el-carousel__item:nth-child(odd) {
    background-color: #d3dce6
}

.home .el-carousel__container {
    width: 100%;
    height: 350px!important
}

.home .flexLeft {
    z-index: 3;
    width: 250px;
    height: 482px;
    position: fixed;
    top: 200px;
    left: 0;
    background: #14171d
}

.home .flexLeft .flexTop {
    width: 250px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #23252c
}

.home .flexLeft .placement {
    margin-bottom: 5px
}

.home .flexLeft .flexBottom {
    width: 250px;
    height: 45px;
    background: #23252c;
    overflow: hidden;
    text-align: center
}

.home .flexLeft .flexBottom div {
    width: 90px;
    height: 28px;
    background-color: #1f61b2;
    border-radius: 2px;
    line-height: 28px;
    margin: 8px auto;
    cursor: pointer
}

.home .flexLeft .el-button {
    padding: 0!important;
    margin-left: 10px!important
}

.home .flexLeft .el-button+.el-button {
    margin-left: 10px!important
}

.home .popular-wp {
    margin: auto;
    width: 1400px
}

.home .popular {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    height: 56px;
    background-color: #1b233d;
    color: #fff;
    border-radius: 8px 8px 0 0;
    margin-top: 16px
}

.home .popular .left {
    margin-left: 20px;
    font-size: 22px;
    color: #fff;
    font-weight: 500
}

.home .popular .right {
    display: flex;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400
}

.home .popular .right .user-icons {
    position: relative;
    width: 60px;
    height: 24px;
    margin-right: 12px
}

.home .popular .right .user-icons div:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url();
    background-size: 100%
}

.home .popular .right .user-icons div:nth-child(2) {
    position: absolute;
    top: 0;
    left: 12px;
    width: 24px;
    height: 24px;
    background: url();
    background-size: 100%
}

.home .popular .right .user-icons div:nth-child(3) {
    position: absolute;
    top: 0;
    left: 24px;
    width: 24px;
    height: 24px;
    background: url();
    background-size: 100%
}

.home .popular .right .user-icons div:nth-child(4) {
    position: absolute;
    top: 0;
    left: 36px;
    width: 24px;
    height: 24px;
    background: url();
    background-size: 100%
}

.home .popular .right a {
    font-family: Microsoft YaHei;
    color: #d4dbdb;
    font-size: 14px
}

.home .popularGames {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    height: 360px;
    background: #293356;
    border-radius: 0 0 8px 8px
}

.home .popularGames .classification {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.home .popularGames .classification.blurry:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 8px;
    z-index: 1;
    background: rgba(0,0,0,.3)
}

.home .popularGames .classification .txt {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    color: #fff;
    text-align: center;
    font-size: 24px;
    z-index: 10
}

.home .popularGames .classification .img-wp {
    position: relative;
    width: 251px;
    height: 251px;
    box-shadow: inset 10px 10px 52px 15px #1c233d
}

.home .popularGames .classification .img-wp img {
    width: 100%;
    height: 100%
}

.home .popularGames .classification .gameName {
    width: 251px;
    height: 81px;
    line-height: 81px;
    background: #1b233d;
    border-radius: 0 0 8px 8px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 4px 22px 7px rgba(0,0,0,.47)
}

.home .popularGames .classification .layerGame {
    display: none
}

.home .popularGames .classification .maskLayer {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 251px;
    height: 332px;
    background-image: linear-gradient(180deg,rgba(74,105,255,.5),#7146ff 90%);
    border-radius: 8px;
    cursor: pointer
}

.home .popularGames .classification .startGame {
	display: none;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%);
    cursor: pointer;
    width: 184px;
    height: 44px;
    line-height: 44px;
    border: 2px solid #fff;
    border-radius: 26px
}

.home .popularGames .classification:hover .maskLayer{
	display: block;
}
.home .popularGames .classification:hover .startGame{
	display: block;
}
.home .immediatelyTheLottery {
    display: flex;
    justify-content: space-between;
    width: 1400px;
    margin: 16px auto
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft {
    width: 925px;
    background: #293356;
    border-radius: 8px
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyTheLotteryTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    height: 56px;
    background: #1b233d;
    color: #fff;
    border-radius: 8px 8px 0 0
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyTheLotteryTitle .jj {
    font-size: 22px;
    font-weight: 500
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyTheLotteryTitle .gdyx {
    font-size: 14px;
    color: #fff;
    text-align: right;
    font-weight: 400;
    cursor: pointer
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent {
    padding: 4px 24px;
    height: 760px;
    flex-direction: column;
    overflow: auto
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting {
    position: relative;
    display: flex;
    margin: 14px 0;
    flex-direction: column;
    padding: 20px 24px 20px 32px;
    height: 108px;
    background: #1b233d;
    overflow: hidden;
    border-radius: 8px
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .lottery-info-wp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 16px;
    height: 44px
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .lottery-info-wp .lottery-name {
    width: 220px;
    font-size: 20px;
    color: #fff;
    font-weight: 500
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .lottery-info-wp .countdown-wp,.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .lottery-info-wp .money-wp,.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .lottery-info-wp .odds-wp {
    margin-right: 48px;
    display: flex;
    align-items: center;
    height: 28px;
    font-size: 18px;
    color: #e9cfa4;
    font-weight: 400
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .lottery-info-wp .countdown-wp div:nth-child(2),.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .lottery-info-wp .money-wp div:nth-child(2),.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .lottery-info-wp .odds-wp div:nth-child(2) {
    margin-left: 12px
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .lottery-info-wp .countdown-wp .countdown {
    color: #e9cfa4
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .play-info-wp {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .play-info-wp div {
    width: 120px;
    height: 24px;
    line-height: 24px;
    background: #35416d;
    border-radius: 2px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    margin-right: 16px
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .betting {
    position: absolute;
    bottom: 20px;
    right: 24px;
    width: 126px;
    height: 32px;
    line-height: 32px;
    background: #fe7373;
    border-radius: 4px;
    padding-left: 18px;
    text-align: center;
    cursor: pointer
}

.home .immediatelyTheLottery .immediatelyTheLotteryLeft .immediatelyContent .popularBetting .betting span {
    position: absolute;
    left: 14px
}

.home .immediatelyTheLottery .immediatelyTheLotteryRight {
    width: 455px;
    background: #1b233d;
    border-radius: 8px
}

.home .immediatelyTheLottery .immediatelyTheLotteryRight .gameTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 24px;
    height: 56px;
    border-radius: 8px 8px 0 0;
    line-height: 56px;
    font-size: 22px
}

.home .immediatelyTheLottery .immediatelyTheLotteryRight .gameContent {
    padding: 4px 24px;
    width: 455px;
    height: 760px;
    background: #293356;
    border-radius: 0 0 8px 8px
}

.home .immediatelyTheLottery .immediatelyTheLotteryRight .gameReality {
    position: relative;
    width: 407px;
    height: 236px;
    margin: 10px 0;
    border-radius: 8px;
    cursor: pointer
}

.home .immediatelyTheLottery .immediatelyTheLotteryRight .gameReality img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.home .immediatelyTheLottery .immediatelyTheLotteryRight .gameReality .gameRealityButton {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 407px;
    height: 60px;
    line-height: 60px;
    border-radius: 0 0 8px 8px;
    color: #fff;
    background-image: linear-gradient(rgba(0,0,0,.2),#000 100%);
    text-align: center;
    font-size: 20px;
    cursor: pointer
}

.home .immediatelyTheLottery .immediatelyTheLotteryRight .gameReality .maskLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 407px;
    height: 236px;
    line-height: 236px;
    background: rgba(0,0,0,.5);
    border-radius: 8px;
    font-size: 32px;
    color: #fff;
    text-align: center;
	display: none;
    font-weight: 400
}
.home .immediatelyTheLottery .immediatelyTheLotteryRight .gameReality:hover .maskLayer{
	display: block;
}
.home .immediatelyTheLottery .immediatelyTheLotteryRight .gameReality .maskLayer .txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10
}

.home .immediatelyTheLottery .immediatelyTheLotteryRight .gameReality .maskLayer:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 8px;
    z-index: 1
}

.home .el-carousel__indicators--horizontal .el-carousel__button {
    width: 50px;
    height: 10px;
    background-color: #fff;
    border-radius: 5px
}

.home .is-active .el-carousel__button {
    width: 50px;
    height: 10px;
    background-color: #e9cfa4;
    border-radius: 5px
}

 .banner-swiper-wp-bot {
    position: relative;
    width: 1400px;
    height: 376px;
    margin: 0 auto;
    margin-bottom: 16px;
    border-radius: 8px;
    overflow: hidden
}

 .banner-swiper-wp-bot .banner-item {
    margin: 0!important
}

 .banner-swiper-wp-bot .banner-item img {
    width: 1400px!important;
    height: 100%
}

 .banner-swiper-wp-bot.swiper-container .swiper-button-next, .banner-swiper-wp-bot.swiper-container .swiper-button-prev {
    width: 40px;
    height: 96px;
    color: #fff;
    background: rgba(0,0,0,.7)
}

 .banner-swiper-wp-bot.swiper-container .swiper-button-next:after, .banner-swiper-wp-bot.swiper-container .swiper-button-prev:after {
    font-size: 24px
}

 .banner-swiper-wp-bot.swiper-container .swiper-pagination-bullet-active {
    width: 24px;
    height: 8px;
    background: #fff;
    border-radius: 4px
}

 .banner-swiper-wp-big {
    position: relative;
    width: 100%;
    height: 410px;
    margin-bottom: 16px;
    border-radius: 0;
    overflow: hidden
}

 .banner-swiper-wp-big .banner-item {
    margin: 0!important;
    width: 100%
}

 .banner-swiper-wp-big .banner-item img {
    width: 100%!important;
    min-width: 1920px;
    height: 100%
}

 .banner-swiper-wp-big.swiper-container .swiper-button-next, .banner-swiper-wp-big.swiper-container .swiper-button-prev {
    width: 40px;
    height: 96px;
    color: #fff;
    background: rgba(0,0,0,.7)
}

 .banner-swiper-wp-big.swiper-container .swiper-button-next:after, .banner-swiper-wp-big.swiper-container .swiper-button-prev:after {
    font-size: 24px
}

 .banner-swiper-wp-big.swiper-container .swiper-pagination-bullet-active {
    width: 24px;
    height: 8px;
    background: #fff;
    border-radius: 4px
}

.home .swiper-slide {
    width: auto
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.weekFilters .el-dropdown {
    display: flex;
    padding: 0!important;
    background: 0 0;
    font-size: 12px;
    height: 30px
}

.weekFilters .el-icon-caret-bottom {
    font-size: 12px;
    width: 12px
}

.weekFilters .dropdownTitle {
    width: 68px;
    padding: 0 5px;
	color: #e9cfa4;
    border-radius: 4px;
    display: inline-block
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.lottery-nav {
    margin-bottom: 24px;
    width: 213px;
    border-radius: 8px;
    overflow: hidden
}

.lottery-nav .menu {
    width: 213px;
    border: 0
}

.lottery-nav .menu .el-submenu .el-submenu__title {
    padding: 0 16px!important;
    background-color: #1b233d!important;
    height: 56px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.2);
    font-size: 15px
}

.lottery-nav .menu .el-submenu.is-active .el-submenu__title {
    background-color: #1b233d
}

.lottery-nav .menu .submenu-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.lottery-nav .menu .submenu-icon.southern {
    background: url() no-repeat;
    background-size: 100%
}

.lottery-nav .menu .submenu-icon.central {
    background: url() no-repeat;
    background-size: 100%
}

.lottery-nav .menu .submenu-icon.northern {
    background: url() no-repeat;
    background-size: 100%
}

.lottery-nav .menu .leftnav-submenu-item {
    height: 56px;
    padding: 0 16px!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: 13px
}

.lottery-nav .menu .leftnav-submenu-item:hover {
    background-color: #2f3b63
}

.lottery-nav .menu .leftnav-submenu-item.is-active {
    color: #e9cfa4;
    background-color: #2f3b63
}

.lottery-nav .menu .leftnav-submenu-item.is-active:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: 3px;
    height: 54px;
    background: #e9cfa4
}

.lottery-nav .menu .filters {
    position: absolute;
    right: 30px
}

 .el-menu .el-menu-item:focus, .el-menu .el-menu-item:hover {
    color: #e9cfa4;
    background-color: #1b233d
}

.time {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    height: 100%;
    line-height: 30px
}

.countDownTimeComp {
    height: 100%
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.timeAndIssue {
    width: 100%;
    height: 100%;
    padding-left: 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.lotteryIcon {
    width: 102px;
    height: 80px;
    position: relative;
    text-align: center
}

.lotteryIcon img {
    width: 80px;
    height: 80px
}

.lotteryIcon .status {
    display: inline-block;
    width: 102px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background: #21e06b;
    border-radius: 0 4px 0 4px
}

.lotteryIcon .status.closed {
    background: #f93e3e
}

.timeDown {
    width: 258px
}

._timeDown {
    height: 80px;
    padding-left: 24px;
    box-sizing: border-box
}

._timeDown h6 {
    font-weight: 500;
    color: #90a2dc;
    font-size: 14px;
    line-height: 20px;
    word-break: keep-all;
    padding-bottom: 8px
}

._timeDown .time i {
    font-size: 22px;
    margin-left: 4px
}

._timeDown .time span {
    width: 24px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    font-weight: 500;
    color: #fe7373;
    font-size: 18px;
    margin-left: 4px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    border-radius: 4px
}

._timeDown .time span:first-of-type {
    margin: 0
}

._timeDown .countDownWarning {
    box-sizing: border-box;
    color: red!important;
    background-color: #fdb8b8!important;
    box-shadow: inset 0 0 5px red!important
}

._timeDown .day {
    line-height: 16px
}

._timeDown .day span {
    font-size: 16px;
    color: #90a2dc
}

.kenoTips {
    margin-left: 40px;
    width: 160px;
    height: 52px;
    border: 2px solid #e9cfa4;
    border-radius: 6px;
    font-size: 20px;
    color: #e9cfa4;
    text-align: center;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

._openNumber {
    color: #fff
}

._openNumber h2 {
    width: 363px;
    height: 22px;
    line-height: 22px;
    margin-top: 8px;
    margin-bottom: 18px;
    font-weight: 500;
    color: #90a2dc;
    font-size: 14px;
    text-align: center
}

._openNumber .number {
    display: flex;
    justify-content: space-around;
    padding-right: 24px
}

._openNumber .number span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 2px 5px 0 rgba(98,54,255,.25);
    border: 1px solid #fff;
    box-sizing: border-box
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.kenoOpneResult {
    display: flex;
    height: 100px;
    padding: 10px 14px;
    flex-direction: column;
    justify-content: space-between
}

.kenoOpneResult .koTitle {
    display: flex;
    justify-content: flex-start
}

.kenoOpneResult .koTitle .pastResult {
    font-size: 14px;
    color: #8696cc;
    line-height: 20px;
    font-weight: 500
}

.kenoOpneResult .koTitle .pastResult .Issue {
    font-size: 12px
}

.kenoOpneResult .koTitle .classification {
    margin-left: 10px;
    display: flex;
    justify-content: space-around
}

.kenoOpneResult .koTitle .classification .classItem {
    margin: 0 4px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 2px;
    padding: 0 5px;
    vertical-align: middle
}

.kenoOpneResult .koTitle .classification .big,.kenoOpneResult .koTitle .classification .fire,.kenoOpneResult .koTitle .classification .odd,.kenoOpneResult .koTitle .classification .up {
    border: 1px solid #f94168;
    color: #f94168
}

.kenoOpneResult .koTitle .classification .down,.kenoOpneResult .koTitle .classification .even,.kenoOpneResult .koTitle .classification .small,.kenoOpneResult .koTitle .classification .water {
    border: 1px solid #26a1ff;
    color: #26a1ff
}

.kenoOpneResult .koTitle .classification .middle {
    border: 1px solid #c0c4cc;
    color: #c0c4cc
}

.kenoOpneResult .koTitle .classification .gold {
    border: 1px solid #fb0;
    color: #fb0
}

.kenoOpneResult .koTitle .classification .wood {
    border: 1px solid #6dd400;
    color: #6dd400
}

.kenoOpneResult .koTitle .classification .earth {
    border: 1px solid #ca8c10;
    color: #ca8c10
}

.kenoOpneResult .resultList {
    display: flex;
    margin-top: 10px;
    justify-content: space-between
}

.kenoOpneResult .resultList .resultNum {
    flex: 1;
    display: flex;
    justify-content: space-around
}

.kenoOpneResult .resultList .resultNum .codeList {
    flex: 1;
    display: flex;
    flex-wrap: wrap
}

.kenoOpneResult .resultList .resultNum .codeList .code {
    flex: 1;
    width: 10%;
    min-width: 10%;
    max-width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px
}

.kenoOpneResult .resultList .resultNum .codeList .code span {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 1px solid hsla(0,0%,100%,.578);
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 1px 3px 0 rgba(98,54,255,.25);
    font-size: 12px;
    border-radius: 50%;
    color: #fff;
    text-align: center
}

.kenoOpneResult .resultList .resultSum {
    width: 37px;
    height: 54px;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 2px 5px 0 rgba(98,54,255,.25);
    border: 1px solid hsla(0,0%,100%,.578);
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    margin-top: 2px;
    text-align: center;
    line-height: 54px
}

.firstTimeBet {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.firstTimeBet .noDataImg {
    height: 50px
}

.firstTimeBet .betHint {
    font-size: 14px;
    color: #e9cfa4;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    margin-top: 9px
}

.flip-list-move {
    transition: transform 1s
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.port1 {
    width: 100%
}

.lottoOpenNumberList li {
    display: flex;
    align-items: center;
    text-align: center
}

.lottoOpenNumberList li.bg1,.lottoOpenNumberList li.bg2 {
    background-color: #293356
}

.lottoOpenNumberList li>div {
    height: 32px;
    line-height: 32px;
    border-right: 1px solid rgba(144,162,220,.4);
    border-bottom: 1px solid rgba(144,162,220,.4);
    color: hsla(0,0%,100%,.6);
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

.lottoOpenNumberList li>div:last-of-type {
    border-right: 0
}

.lottoOpenNumberList li>div.bd1 {
    border-left: 1px solid rgba(144,162,220,.4)
}

.lottoOpenNumberList li .przeName {
    width: 122px
}

.lottoOpenNumberList li .openNum {
    flex: 1
}

.lottoOpenNumberList li .index {
    width: 40px
}

.lottoOpenNumberList li .issue {
    width: 138px
}

.lottoOpenNumberList li .issue i {
    margin-left: -20px
}

.lottoOpenNumberList li .issue.active {
    background-color: #90a2dc;
    font-weight: 700;
    color: #fff
}

.lottoOpenNumberList li .calcNum {
    width: 190px
}

.lottoOpenNumberList li .calcNum:hover {
    background-color: #90a2dc;
    font-weight: 700;
    color: #fff
}

.lottoOpenNumberList li .dbH {
    height: 64px;
    line-height: 64px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.lottoOpenNumberList {
    width: 327px;
    text-align: center;
    height: 275px;
    box-shadow: inset -.5px -.5px 0 0 rgba(144,162,220,.5)
}

.lottoOpenNumberList .el-input__suffix-inner {
    position: relative;
    top: -2px
}

.lottoOpenNumberList li {
    display: flex;
    align-items: center;
    text-align: center;
    height: 30px
}

.lottoOpenNumberList li>div {
    box-shadow: inset -.5px -.5px 0 0 rgba(144,162,220,.5);
    width: 100%;
    color: #afb0b2;
    font-size: 12px;
    cursor: pointer;
    padding: 4px 0
}

.lottoOpenNumberList li>div.bd1 {
    border-left: 1px solid #dcdfe6
}

.lottoOpenNumberList li .rigitIssues {
    padding: 0
}

.lottoOpenNumberList li .przeName {
    width: 138px
}

.lottoOpenNumberList li .openNum {
    flex: 1
}

.lottoOpenNumberList li .index {
    width: 40px
}

.lottoOpenNumberList li .issue {
    width: 138px
}

.lottoOpenNumberList li .issue i {
    margin-left: -20px
}

.lottoOpenNumberList li .issue.active {
    background-color: #1f61b2;
    font-weight: 700;
    color: #fff
}

.lottoOpenNumberList li .calcNum {
    width: 190px
}

.lottoOpenNumberList li .calcNum:hover {
    background-color: #1f61b2;
    font-weight: 700;
    color: #fff
}

.lottoOpenNumberList li .dbH {
    height: 60px;
    line-height: 60px
}

.lottoOpenNumberList li .blue {
    height: 17px;
    color: #a7bcff
}

.lottoOpenNumberList li .red {
    height: 17px;
    color: #f93e3e
}

.lottoOpenNumberList li .yellow {
    color: #e9cfa4
}

.lottoOpenNumberList .header {
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 12px;
    background-color: #1b233d;
    border-right: 1px solid #1d212a;
    box-sizing: border-box
}

.lottoOpenNumberList .header .left {
    width: 288px;
    height: 56px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
    padding-top: 8px;
    padding-left: 12px;
    box-shadow: inset -.5px 0 0 0 rgba(144,162,220,.3)
}

.lottoOpenNumberList .header .left .blue {
    color: #9cb0f0
}

.lottoOpenNumberList .header .left .red {
    color: #f93e3e
}

.lottoOpenNumberList .header .mid {
    width: 192px
}

.lottoOpenNumberList .header div {
    border-right: none;
    color: #9cb0f0;
    border-bottom: none;
    box-shadow: inset -.5px 0 0 0 rgba(144,162,220,.3)
}

.lottoOpenNumberList .header div .icon-gantanhao {
    color: #f56c6c
}

.lottoOpenNumberList .noboder {
    border-right: none
}

.lottoOpenNumberList .ball {
    width: 20px;
    height: 20px;
    float: left;
    line-height: 20px;
    border-radius: 50%;
    cursor: pointer;
    background-position: bottom;
    background-color: #fff;
    font-size: 12px;
    color: #606266;
    box-sizing: border-box;
    color: #000;
    vertical-align: middle;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.lottoOpenNumberList .ball.ballRight {
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 0 1px 0 rgba(98,54,255,.1);
    border: 1px solid #fff
}

.lottoOpenNumberList .ballList {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    justify-content: space-between
}

.lottoOpenNumberList .ballList div {
    flex: 1;
    display: flex;
    justify-content: center
}

.lottoOpenNumberList .data {
    height: 216px
}

.lottoOpenNumberList .data ul {
    width: 100%;
    height: 216px;
    overflow-y: scroll
}

.lottoOpenNumberList .data .bg3 {
    background-color: #3a4768
}

.lottoOpenNumberList .data .rigitIssues {
	height: 40px;
}
.lottoOpenNumberList .data .bg3 .rigitIssues {
    color: #fff
}

.lottoOpenNumberList .data .bg3 .rigitIssues .openCodeList {
    border-left: 1px solid #3a4768!important;
    color: #fff
}

.lottoOpenNumberList .rigitIssues {
    display: flex
}

.lottoOpenNumberList .rigitIssues .issue {
    width: 119px;
    box-shadow: inset -.5px 0 0 0 rgba(144,162,220,.5);
    font-size: 14px;
    color: #fff
}

.lottoOpenNumberList .rigitIssues .openCodeList {
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 0 6px;
    align-items: center
}

.lottoOpenNumberList .bf {
    height: 40px;
    line-height: 40px
}

.port1 {
    width: 480px
}

 .el-input {
    background-color: #1b233d;
    font-weight: 500;
    color: #fff
}

 .el-input input {
    text-align: center;
    background-color: #1b233d;
    color: #e9cfa4;
    font-weight: 500;
    border: none;
    width: 180px;
    font-size: 16px
}


 .el-select__caret {
    color: #fff!important
}

.appearStatistics {
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(144,162,220,.5)
}

.appearStatistics .appear {
    display: flex;
    height: 73px;
    flex: 6.66666666666666666%;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    background-color: #293356;
    justify-content: center
}

.appearStatistics .appear div {
    flex: 1;
    width: 100%;
    font-size: 12px;
    box-sizing: border-box;
    display: flex;
    justify-items: center;
    align-items: center;
    justify-content: center
}

.iconfont {
    position: relative;
    top: 1px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.lottoOpenNumberList {
    width: 347px;
    text-align: center;
    height: 300px;
    box-shadow: inset -.5px -.5px 0 0 rgba(144,162,220,.5)
}

.lottoOpenNumberList .el-input__suffix-inner {
    position: relative;
    top: -2px
}

.lottoOpenNumberList li {
    display: flex;
    align-items: center;
    text-align: center;
    height: 30px
}

.lottoOpenNumberList li>div {
    box-shadow: inset -.5px -.5px 0 0 rgba(144,162,220,.5);
    width: 100%;
    color: #afb0b2;
    font-size: 12px;
    cursor: pointer;
    padding: 4px 0
}

.lottoOpenNumberList li>div.bd1 {
    border-left: 1px solid #dcdfe6
}

.lottoOpenNumberList li .rigitIssues {
    padding: 0
}

.lottoOpenNumberList li .przeName {
    width: 138px
}

.lottoOpenNumberList li .openNum {
    flex: 1
}

.lottoOpenNumberList li .index {
    width: 40px
}

.lottoOpenNumberList li .issue {
    width: 138px
}

.lottoOpenNumberList li .issue i {
    margin-left: -20px
}

.lottoOpenNumberList li .issue.active {
    background-color: #1f61b2;
    font-weight: 700;
    color: #fff
}

.lottoOpenNumberList li .calcNum {
    width: 190px
}

.lottoOpenNumberList li .calcNum:hover {
    background-color: #1f61b2;
    font-weight: 700;
    color: #fff
}

.lottoOpenNumberList li .dbH {
    height: 30px;
    line-height: 30px
}

.lottoOpenNumberList li .blue {
    height: 17px;
    color: #a7bcff
}

.lottoOpenNumberList li .red {
    height: 17px;
    color: #f93e3e
}

.lottoOpenNumberList li .yellow {
    color: #e9cfa4
}

.lottoOpenNumberList .header {
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 12px;
    background-color: #1b233d;
    border-right: 1px solid #1d212a;
    box-sizing: border-box
}

.lottoOpenNumberList .header .left {
    width: 288px;
    height: 56px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
    padding-top: 8px;
    padding-left: 12px;
    box-shadow: inset -.5px 0 0 0 rgba(144,162,220,.3)
}

.lottoOpenNumberList .header .left .blue {
    color: #9cb0f0
}

.lottoOpenNumberList .header .left .red {
    color: #f93e3e
}

.lottoOpenNumberList .header .mid {
    width: 192px
}

.lottoOpenNumberList .header div {
    border-right: none;
    color: #9cb0f0;
    border-bottom: none;
    box-shadow: inset -.5px 0 0 0 rgba(144,162,220,.3)
}

.lottoOpenNumberList .header div .icon-gantanhao {
    color: #f56c6c
}

.lottoOpenNumberList .noboder {
    border-right: none;
    position: relative
}

.lottoOpenNumberList .noboder:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    background-color: rgba(144,162,220,.5);
    transform: scaleX(.5);
    transform-origin: 100% 0
}

.lottoOpenNumberList .ball {
    width: 20px;
    height: 20px;
    float: left;
    line-height: 20px;
    border-radius: 50%;
    cursor: pointer;
    background-position: bottom;
    background-color: #fff;
    font-size: 12px;
    color: #606266;
    box-sizing: border-box;
    color: #000;
    vertical-align: middle;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.lottoOpenNumberList .ball.ballRight {
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 0 1px 0 rgba(98,54,255,.1);
    border: 1px solid #fff
}

.lottoOpenNumberList .ballList {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    justify-content: space-between
}

.lottoOpenNumberList .ballList div {
    flex: 1;
    display: flex;
    justify-content: center
}

.lottoOpenNumberList .data {
    height: 244px
}

.lottoOpenNumberList .data ul {
    width: 100%;
    height: 244px;
    overflow-y: scroll
}

.lottoOpenNumberList .data .bg3 {
    background-color: #3a4768
}

.lottoOpenNumberList .data .bg3 .rigitIssues {
    color: #fff
}

.lottoOpenNumberList .data .bg3 .rigitIssues .openCodeList {
    display: flex;
    border-left: 1px solid #3a4768!important;
    color: #fff
}

.lottoOpenNumberList .data .sumTotal {
    width: 48px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    height: 24px;
    line-height: 24px;
    background-image: linear-gradient(135deg,#7146ff,#4a69ff);
    border-radius: 2px
}

.lottoOpenNumberList .rigitIssues {
    display: flex
}

.lottoOpenNumberList .rigitIssues .issue {
    width: 119px;
    box-shadow: inset -.5px 0 0 0 rgba(144,162,220,.5);
    font-size: 14px;
    color: #fff
}

.lottoOpenNumberList .rigitIssues .openCodeList {
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 0 6px;
    align-items: center
}

.lottoOpenNumberList .bf {
    height: 40px;
    line-height: 40px
}

.port1 {
    width: 460px;
    position: relative
}

.port1 .elTabs {
    position: absolute;
    width: 460px;
    top: 0
}

 .el-input {
    background-color: #1b233d;
    font-weight: 500;
    color: #fff
}

 .el-input input {
    text-align: center;
    background-color: #1b233d;
    color: #e9cfa4;
    font-weight: 500;
    border: none;
    width: 180px;
    font-size: 16px
}


 .el-select__caret {
    color: #fff!important
}

.appearStatistics {
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(144,162,220,.5)
}

.appearStatistics .appear {
    display: flex;
    height: 73px;
    flex: 6.66666666666666666%;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    background-color: #293356;
    justify-content: center
}

.appearStatistics .appear div {
    flex: 1;
    width: 100%;
    font-size: 12px;
    box-sizing: border-box;
    display: flex;
    justify-items: center;
    align-items: center;
    justify-content: center
}

.iconfont {
    position: relative;
    top: 1px
}

.kenoTableTitle {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.kenoTableTitle.bigSmall,.kenoTableTitle.oddEven,.kenoTableTitle.upDown {
    padding: 10px 0
}

.kenoTableTitle .titles {
    display: flex;
    flex: 1;
    align-items: center;
    width: 30%;
    min-width: 30%;
    max-width: 30%;
    margin-bottom: 5px;
    justify-content: center
}

.kenoTableTitle .titles .lable {
    background: 0 0;
    border: 1px solid;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 0 5px;
    margin-right: 8px
}

.kenoTableTitle .titles .van-circle {
    width: 52px;
    height: 52px
}

.kenoTableTitle .titles .van-circle .van-circle__text {
    font-size: 12px;
    color: #f94168!important;
    padding: 0
}

.kenoTableTitle .van-circle {
    display: flex;
    justify-content: center;
    align-items: center
}

.kenoTableTitle .el-progress__text {
    font-size: 12px
}
.el-progress__text{
    color: #90a2dc;
}
.kenoTableTitle .circle {
    position: absolute;
    font-size: 12px
}

.lottery .tableData {
    padding: 0 7px 4px;
    display: flex;
    justify-content: flex-end
}

.lottery .tableData .tableItem {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse
}

.lottery .tableData .tableDataList {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    margin-left: 5px;
    flex: 1
}

.lottery .tableData .tableDataList .list {
    margin-bottom: 3px;
    display: flex
}

.lottery .tableData .tableDataList .items {
    width: 18px;
    height: 18px;
    font-size: 10px;
    color: #fff;
    flex: 1;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    cursor: pointer
}

 .el-tabs--border-card>.el-tabs__content {
    padding: 10px 15px
}

.el-tabs__header, .el-tabs--border-card {
    background: 0 0;
    border: none;
    box-shadow: none
}

 .el-tabs--border-card>.el-tabs__header {
    background-color: #1b233d;
    border-bottom: none;
    height: 56px;
    line-height: 56px;
    margin: 0
}

 .el-tabs--border-card>.el-tabs__header .el-tabs__item {
    height: 56px;
    line-height: 56px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: none
}

 .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: #fff;
    background-color: transparent;
    background-image: linear-gradient(135deg,#7146ff,#4a69ff);
    border: none
}

 .el-tabs__nav {
    display: flex;
    width: 460px
}

 .el-tabs__nav .el-tabs__item {
    flex: 1
}

 .el-tabs__nav .el-tabs__item:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 56px
}

.el-tabs__nav.el-tabs__item:last-child :after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 56px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    border-left-color: transparent
}

.big,.fire,.odd,.up {
    color: #f94168
}

.down,.even,.small,.water {
    color: #26a1ff
}

.middle {
    color: #c0c4cc
}

.gold {
    color: #fb0
}

.wood {
    color: #6dd400
}

.earth {
    color: #ca8c10
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.open-result {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.open-result .openData {
    border-top: 1px solid rgba(144,162,220,.4);
    box-sizing: border-box
}

.open-result .infoBox {
    flex: 1
}

.open-result .title {
    height: 56px;
    background-color: #1b233d;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px
}

.open-result .title span {
    font-family: Microsoft YaHei;
    font-weight: 500;
    color: #fff;
    font-size: 16px
}

.open-result .title .isOpenBox {
    padding: 10px;
    height: 20px;
    line-height: 20px;
    cursor: pointer
}

.open-result .title .isOpenBox i,.open-result .title .isOpenBox span {
    font-size: 14px;
    font-weight: 400;
    color: #a7bcff;
    margin-left: 6px
}

.open-result .title .el-icon-s-data {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #343a45;
    border-radius: 2px;
    color: #fff
}

.open-result .lotteryInfo {
    height: 128px;
    display: flex;
    align-items: center
}

.open-result .lotteryInfo .left {
    width: 403px;
    height: 128px
}

.open-result .lotteryInfo .right {
    width: 403px;
    height: 96px;
    padding-left: 32px;
    border-left: 1px solid rgba(144,162,220,.2)
}

.icon-icon_more_white_16 {
    position: relative;
    top: 1px;
    display: inline-block;
    transition: all .3s
}

.icon-icon_more_white_16.open {
    transform: rotate(90deg)
}

 .el-collapse-item__arrow {
    display: none
}

 .el-collapse {
    border: 0;
    background-color: #293356
}

 .el-collapse-item.is-disabled .el-collapse-item__header {
    cursor: auto
}

 .el-collapse-item__header {
    background-color: transparent;
    border-bottom: 0;
    height: 184px;
    line-height: auto;
    cursor: auto
}

 .el-collapse-item__wrap {
    background-color: #293356
}

 .el-collapse-item__content {
    padding-bottom: 0
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.betBox {
    margin-bottom: 6px
}

.betBox .selectBetBox {
    display: flex;
    align-items: center
}

.betBox .selectBetBox .title {
    width: 48px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #35416d;
    position: relative;
    color: #fff;
    font-size: 12px
}

.betBox .selectBetBox .title:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -15px;
    border-top: 12px solid transparent;
    border-left: 10px solid #35416d;
    border-bottom: 12px solid transparent;
    border-right: 5px solid transparent
}

.betBox .selectBetBox .cloumn {
    margin-left: 22px;
    display: inline-block
}

.betBox .selectBetBox .cloumn .ball {
    width: 32px;
    height: 32px;
    float: left;
    text-align: center;
    line-height: 32px;
    margin-top: 5px;
    border-radius: 50%;
    cursor: pointer;
    background-position: bottom;
    box-sizing: border-box;
    background-color: #fff;
    margin-left: 5px;
    font-size: 16px;
    color: #000;
    border: 1px solid #fff
}

.betBox .selectBetBox .cloumn .ball:after {
    content: attr(data-num)
}

.betBox .selectBetBox .cloumn .ball:not(.active):hover {
    border-color: 0
}

.betBox .selectBetBox .cloumn .ball.active {
    color: #fff;
    background-image: linear-gradient(135deg,#7146ff,#4a69ff)
}

.betBox .selectBetBox .dxqqo {
	display: flex;
	align-items: center;
    height: 45px;
    float: right;
    margin-left: 18px;
	font-size: 0;
	line-height: ;
}

.betBox .selectBetBox .dxqqo button {
	max-width: 48px;
	min-width: 48px;
    width: 48px;
	box-sizing: border-box;
    height: 24px;
    margin-left: 2px;
    text-align: center;
    line-height: 24px;
    padding: 0;
    border: 1px solid #90a2dc;
	color: #90a2dc;
    border-radius: 4px;
    background: 0 0
}

.betBox .selectBetBox .dxqqo button:active {
    color: #e9cfa4
}

.betBox .selectBetBox .dxqqo button:focus,
.betBox .selectBetBox .dxqqo button:hover{
    color: #e9cfa4
}

.betBox .missListBox {
    height: 15px
}

.betBox .missListBox .missCloumn {
    display: flex;
    margin-left: 71px
}

.betBox .missListBox .missCloumn li {
    width: 32px;
    text-align: center;
    height: 15px;
    margin-top: 0;
    font-size: 12px;
    color: #999;
    margin-left: 5px
}

.betBox .missListBox .missCloumn li.hot {
    color: #f93e3e
}

.betBox .missListBox .missCloumn li.cold {
    color: #a7bcff
}

.selectBox {
    position: relative
}

.missIcon {
    position: absolute;
    left: 43px;
    top: 42px;
    cursor: pointer
}

.missIcon i {
    color: #b63338
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.inputBet {
    position: relative
}

.inputBet textarea {
    background: #1b233d;
    border-radius: 4px;
    height: 108px;
    outline: 0;
    width: 100%;
    border: 0;
    font-size: 13px;
    padding: 20px 120px 20px 20px;
    box-sizing: border-box;
    color: #fff;
    resize: none;
    word-break: break-all
}

.inputBet .btn {
    position: absolute;
    right: 15px;
    width: 86px;
    height: 40px
}

.inputBet .subZBtn{
    top: 10px
}

.inputBet .reBtn{
    bottom: 10px;
    background: #35416d;
    color: #fff;
    border: none
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.quickBet {
    display: flex;
    position: relative
}

.quickBet .selectNum {
    width: 534px;
    padding-left: 16px;
    padding-bottom: 18px;
    background: #1b233d
}

.quickBet .selectNum.mg1p {
    width: 100%
}

.quickBet .selectNum ul {
    display: flex;
    flex-wrap: wrap
}

.quickBet .selectNum ul .item {
    position: relative;
    width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    background-color: #fff;
    border-radius: 2px;
    color: #2a3040;
    font-size: 14px;
    margin: 16px 11.3px 0 0;
    text-align: center
}

.quickBet .selectNum ul .item.active {
    background-image: linear-gradient(135deg,#7146ff,#4a69ff);
    color: #fff
}

.quickBet .selectNum ul .item.disabled {
    background-color: #dcdfe6
}

.quickBet .funcBox {
    width: 213px;
    background: #1b233d;
    margin-left: 10px;
    border-radius: 2px;
    padding: 10px;
    position: relative
}

.quickBet .funcBox .row1 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.quickBet .funcBox .row1 .nums {
    width: 105px;
    height: 32px;
    line-height: 32px;
    background: #90a2dc;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    padding: 0 10px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.quickBet .funcBox .row1 .nums:after {
    content: "";
    position: absolute;
    right: 6px;
    top: 13px;
    display: block;
    border-top: 6px solid #fff;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.quickBet .funcBox .row1 .tips {
    color: #e9cfa4;
    font-size: 12px;
    text-align: right;
    cursor: pointer
}

.quickBet .funcBox .row2 {
    margin-top: 14px
}

.quickBet .funcBox .row2 .randemNum {
    display: inline-block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-color: rgba(144,162,220,.6);
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    text-align: center
}

.quickBet .funcBox .row2 ul {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap
}

.quickBet .funcBox .row2 ul li {
    width: 60px;
    height: 20px;
    line-height: 20px;
    background: #35416d;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    text-align: center;
    margin-right: 4px;
    margin-bottom: 6px
}

.quickBet .funcBox .row2 ul li.active {
    background-color: #90a2dc;
    color: #fff
}

.quickBet .funcBox .reselected {
    text-align: center;
    position: absolute;
    bottom: 16px;
    margin: 0 auto
}

.quickBet .funcBox .reselected button {
    padding: 0;
    width: 189px;
    height: 33px;
    line-height: 33px;
    background: #35416d;
    font-size: 12px;
    border: none;
    color: #fff
}

.miss {
    zoom:.9;display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 12px;
    line-height: 12px;
    color: #fff;
    border-radius: 0 2px 0 2px;
    font-size: 12px;
    text-align: center;
    background: rgba(0,0,0,.7)
}

.miss.hot {
    background-color: #f93e3e
}

.miss.cold {
    background-color: #90a2dc
}

.maga6Count {
    position: absolute;
    right: 112px;
    top: -35px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #90a2dc;
    border-radius: 4px
}

.maga6Count .selectNum {
    width: 100%!important
}

.selectNumPopBg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2009;
    background-color: rgba(0,0,0,.6)
}

.selectNumPop {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 360px;
    z-index: 9;
    background: #fff;
    border-radius: 8px
}

.selectNumPop .title {
    position: relative;
    width: 360px;
    height: 56px;
    line-height: 56px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    text-align: center;
    font-size: 18px;
    color: #1b233d;
    font-weight: 400
}

.selectNumPop .title .x-btn {
    position: absolute;
    right: 24px;
    cursor: pointer
}

.selectNumPop .innerBox {
    padding: 36px 24px 24px
}

.selectNumPop .innerBox ul {
    max-height: 480px;
    overflow-y: auto
}

.selectNumPop .innerBox ul li {
    display: flex;
    align-items: center;
    height: 48px;
    line-height: 48px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5)
}

.selectNumPop .innerBox ul li span:first-of-type {
    width: 105px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #293356;
    border-radius: 4px;
    color: #293356;
    text-align: center;
    font-size: 14px;
    margin: 0 32px 0 12px
}

.selectNumPop .innerBox ul li span:nth-of-type(2) {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #293356;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin-right: 48px
}

.selectNumPop .innerBox ul li span:nth-of-type(3) {
    color: #5cae50
}

.selectNumPop .innerBox .btnGroup {
    padding-top: 32px
}

.selectNumPop .innerBox .btnGroup button {
    border: 0;
    width: 144px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    cursor: pointer
}

.selectNumPop .innerBox .btnGroup button.cancel {
    color: #1b233d;
    border: 1px solid #1b233d;
    background: #fff
}

.selectNumPop .innerBox .btnGroup button.comfrom {
    color: #fff;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    margin-left: 24px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.funPlayBet {
    width: 807px;
    margin-left: -24px
}

.funPlayBet .row>li {
    margin-top: 20px
}

.funPlayBet .row .title {
    height: 32px;
    background: #1b233d;
    width: 100%;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.funPlayBet .row .ballBox {
    display: flex;
    flex-wrap: wrap;
    padding: 6px
}

.funPlayBet .row .ballBox li {
    margin: 6px;
    height: 60px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 120px;
    height: 56px;
    background: #35416d;
    border-radius: 4px;
    cursor: pointer
}

.funPlayBet .row .ballBox li p:first-of-type {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px
}

.funPlayBet .row .ballBox li p:nth-of-type(2) {
    color: #fff;
    font-size: 12px
}

.funPlayBet .row .ballBox li.flex1 {
    flex: 1
}

.funPlayBet .row .ballBox li:hover {
    background-color: #3a4768
}

.funPlayBet .row .ballBox li.active {
    background: #90a2dc;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.kenoBet {
    width: 807px;
    margin-left: -24px
}

.kenoBet .row>li {
    margin-top: 20px
}

.kenoBet .row .title {
	justify-content: center;
    height: 32px;
    background: #1b233d;
    width: 100%;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.kenoBet .row .ballBox {
    display: flex;
    flex-wrap: wrap;
    padding: 6px
}

.kenoBet .row .ballBox li {
    margin: 6px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex: 1;
    height: 56px;
    background: #35416d;
    border-radius: 4px;
    cursor: pointer
}

.kenoBet .row .ballBox li p:first-of-type {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px
}

.kenoBet .row .ballBox li p:nth-of-type(2) {
    color: #fff;
    font-size: 12px
}

.kenoBet .row .ballBox li.flex1 {
    flex: 1
}

.kenoBet .row .ballBox li:hover {
    background-color: #3a4768
}

.kenoBet .row .ballBox li.active {
    background: #90a2dc;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.select-bet {
    background: #293356;
    margin-bottom: 40px;
    border-radius: 0 0 8px 8px
}

.select-bet .playSelectBox {
    display: flex;
    position: relative
}

.select-bet .playSelectBox .el-tabs {
    flex: 1
}

.select-bet .playSelectBox .el-tabs .el-tabs__item {
    padding: 0 14px
}

.select-bet .playSelectBox .plays {
    padding: 0 16px
}

.select-bet .playSelectBox .plays ul {
    display: flex
}

.select-bet .playSelectBox .plays ul li {
    height: 32px;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    background: #35416d;
    margin-left: 4px;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    border-radius: 4px
}

.select-bet .playSelectBox .plays ul li.active {
    background: #90a2dc
}

.select-bet .playSelectBox .playRule {
    position: absolute;
    right: 24px;
    bottom: 0
}

.select-bet .odds {
    color: #b63338;
    font-size: 12px;
    font-weight: 700;
    padding: 20px 24px 0;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #e9cfa4;
    font-weight: 400
}

.select-bet .odds .iconfont {
    position: relative;
    top: 1px;
    margin-right: 4px
}

.select-bet .odds .playRuleBtnBox {
    cursor: pointer
}

.select-bet .bet {
    padding: 15px 24px
}

 .descriptionBox {
    height: 500px;
    overflow-y: auto;
    word-break: break-word
}

 .featuresBox {
    height: 400px;
    overflow-y: auto;
    color: #fff
}

 .featuresBox p {
    line-height: 2
}

 .featuresBox .title {
    font-size: 16px
}

 .el-dialog__header {
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    background: #1d212a;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 16px
}

 .el-radio-group {
    border-radius: 4px!important;
    overflow: hidden
}

 .el-radio-button .el-radio-button__inner {
    width: 96px;
    background: #35416d!important;
    color: #fff;
    font-size: 12px;
    border: none!important;
    border-radius: 0!important
}

 .el-radio-button .el-radio-button__inner, .el-radio-button:first-child .el-radio-button__inner {
    box-shadow: inset -.5px 0 0 0 rgba(144,162,220,.6)!important
}

 .el-radio-button:last-child .el-radio-button__inner {
    box-shadow: none!important
}

 .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background: #90a2dc!important
}

 .el-tabs--card>.el-tabs__header {
    border: 0;
    background: #1b233d;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    color: #fff
}

 .el-tabs__nav {
    height: 50px
}

 .el-tabs__nav-wrap {
    margin: 0;
    font-size: 0
}

 .el-radio-button__inner {
    height: 32px;
    background-color: #2a3040;
    color: #fff;
    font-size: 12px;
    border-radius: 2px!important;
    padding: 0 4px;
    line-height: 32px;
    text-align: center
}

 .el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 0;
    height: 56px;
    line-height: 56px
}

 .el-tabs--card>.el-tabs__header .el-tabs__item {
    line-height: 56px;
    height: 56px;
    border: 0;
    font-weight: 400;
    font-size: 14px;
    padding: 0 16px!important;
    color: #fff
}

 .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    color: #e9cfa4;
    border: 0;
    background: #293356
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.no-data-wp {
    position: absolute;
    top: 56px;
    bottom: 0;
    width: 100%;
    text-align: center
}

.no-data-wp .no-data {
    height: 100%;
    overflow: hidden
}

.no-data-wp .no-data .img {
    display: block;
    margin: 38px auto 30px;
    width: 117px;
    height: 117px;
    color: #9a9b99;
    font-size: 117px
}

.no-data-wp .no-data .spec {
    height: 29px;
    line-height: 29px;
    color: hsla(0,0%,100%,.5);
    text-align: center;
    font-size: 14px
}

.no-data-wp .btn-wp {
    position: absolute;
    bottom: 24px;
    max-height: 128px;
    width: 100%;
    text-align: center
}

.no-data-wp .btn-wp button {
    margin: 0;
    margin-top: 24px;
    width: 284px;
    height: 40px;
    color: #fff;
    border: none
}

.no-data-wp .btn-wp button.bet {
    background: #35416d
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.myOrder {
    position: relative;
    height: 100%
}

.myOrder .title {
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    background: transparent;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    box-sizing: border-box
}

.myOrder .have-data-wp .my-order-list {
    background: #293356;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 56px;
    bottom: 240px;
    width: 100%;
    overflow-y: auto
}

.myOrder .have-data-wp .my-order-list .order-item-wp .order-item {
    height: 73px;
    position: relative;
    background: #2f3b63;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    display: flex
}

.myOrder .have-data-wp .my-order-list .order-item-wp .order-item .lottery-info-wp {
    width: 295px;
    height: 100%;
    padding: 14px 0 14px 16px
}

.myOrder .have-data-wp .my-order-list .order-item-wp .order-item .lottery-info-wp .title-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 24px;
    line-height: 24px;
    font-size: 14px
}

.myOrder .have-data-wp .my-order-list .order-item-wp .order-item .lottery-info-wp .title-wp .full-lottery-name {
    position: relative;
    width: 139px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500
}

.myOrder .have-data-wp .my-order-list .order-item-wp .order-item .lottery-info-wp .title-wp .lottery-input input {
    padding: 0 4px;
    width: 72px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
    border-color: transparent;
    box-sizing: border-box
}

.myOrder .have-data-wp .my-order-list .order-item-wp .order-item .lottery-info-wp .info {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400
}

.myOrder .have-data-wp .my-order-list .order-item-wp .order-item .lottery-info-wp .info .content {
    position: relative;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 1px
}

.myOrder .have-data-wp .my-order-list .order-item-wp .order-item .lottery-del {
    width: 35px;
    height: 73px;
    line-height: 73px;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.myOrder .have-data-wp .my-order-list .order-item-wp .cannot-bet-tips,.myOrder .have-data-wp .my-order-list .order-item-wp .not-reach {
    position: relative;
    height: 31px;
    line-height: 31px;
    color: #fff;
    background-color: #f56c6c;
    text-align: center;
    font-size: 12px
}

.myOrder .have-data-wp .my-order-list .order-item-wp .cannot-bet-tips:after,.myOrder .have-data-wp .my-order-list .order-item-wp .not-reach:after {
    position: absolute;
    top: -5px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 9px;
    border-color: transparent transparent #f56c6c transparent
}

.myOrder .have-data-wp .my-order-list .order-item-wp .cannot-bet-tips:after {
    left: 20px
}

.myOrder .have-data-wp .my-order-list .order-item-wp .not-reach:after {
    left: 235px
}

.myOrder .have-data-wp .tips {
    position: absolute;
    top: 417px;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #f56c6c;
    background: #fef0f0;
    text-align: center;
    font-size: 12px
}

.myOrder .have-data-wp .tips .keyword {
    color: #1f61b2
}

.myOrder .have-data-wp .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 240px
}

.myOrder .have-data-wp .bottom .calc-bonus,.myOrder .have-data-wp .bottom .single-bet-wp,.myOrder .have-data-wp .bottom .summary {
    align-items: center;
    padding: 0 20px;
    margin-bottom: 4px;
    color: #fff;
    background: #1b233d;
    font-weight: 400;
    font-size: 12px;
    height: 48px;
    line-height: 48px;
    display: flex;
    justify-content: space-between
}

.myOrder .have-data-wp .bottom .single-bet-wp {
    height: 48px;
    line-height: 48px
}

.myOrder .have-data-wp .bottom .single-bet-wp .lottery-input {
    font-size: 14px
}

.myOrder .have-data-wp .bottom .single-bet-wp .lottery-input input {
    margin-left: 10px;
    padding: 0;
    width: 72px;
    height: 24px;
    line-height: 28px;
    background: #fff;
    font-size: 14px;
    color: #14171d;
    border-radius: 4px;
    border-color: transparent
}

.myOrder .have-data-wp .bottom .summary .val {
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    background: #35416d;
    border-radius: 4px;
    font-size: 14px
}

.myOrder .have-data-wp .bottom .calc-bonus .val {
    font-size: 18px;
    color: #21e06b;
    text-align: right;
    font-weight: 400
}

.myOrder .have-data-wp .choose-bet-money-wp {
    background: #1b233d;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 191px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.myOrder .have-data-wp .choose-bet-money-wp .fast-bet-money-wp {
    background: #1b233d;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 0 0 6px
}

.myOrder .have-data-wp .choose-bet-money-wp .fast-bet-money-wp .fast-bet-money-item {
    float: left;
    width: 58px;
    height: 32px;
    line-height: 32px;
    background: #35416d;
    border-radius: 4px;
    margin: 4px 3px;
    cursor: pointer;
    font-size: 13px
}

.myOrder .have-data-wp .choose-bet-money-wp .fast-bet-money-wp .fast-bet-money-item:hover {
    background: #90a2dc
}

.myOrder .have-data-wp .choose-bet-money-wp .default-bet-money-wp {
    margin: 8px;
    background: #35416d;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    color: #fff;
    font-size: 14px;
    padding: 0 16px;
    font-weight: 400
}

.myOrder .have-data-wp .choose-bet-money-wp .default-bet-money-wp .icon {
    cursor: pointer
}

.myOrder .have-data-wp .choose-bet-money-wp .default-bet-money-wp .default-bet-money {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background-color: #2a3040
}

.myOrder .have-data-wp .choose-bet-money-wp .default-bet-money-wp .default-bet-money .el-icon-s-tools {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px
}

.myOrder .have-data-wp .choose-bet-money-wp .buttons {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 52px;
    justify-content: space-between;
    background: #1b233d
}

.myOrder .have-data-wp .choose-bet-money-wp .buttons .default-bet-money-cancel {
    width: 154px;
    height: 40px;
    background: #90a2dc;
    border-radius: 4px;
    border: none;
    color: #fff
}

.myOrder .have-data-wp .choose-bet-money-wp .buttons .finish {
    width: 154px;
    height: 40px
}

.myOrder .have-data-wp .btn-group-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 14px
}

.myOrder .have-data-wp .btn-group-wp .cancel-btn {
    width: 92px;
    height: 48px;
    line-height: 48px;
    margin-right: 10px;
    cursor: pointer;
    opacity: .8;
    background: #90a2dc;
    border-radius: 4px
}

.myOrder .have-data-wp .btn-group-wp .bet-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 192px;
    height: 48px;
    line-height: 1.3;
    cursor: pointer
}

.myOrder .lottery-info-wp .symbol-line {
    padding: 0 4px
}

.myOrder .lottery-info-wp:hover .symbol-line {
    color: #e9cfa4
}

.order-item-popover .symbol-line {
    padding: 0 4px;
    color: #e9cfa4
}

.order-item-popover.el-popper[role=tooltip] {
    padding: 0 8px;
    width: 300px;
    height: auto;
    line-height: 30px;
    color: #555;
    background: #fff;
    border-color: transparent;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px
}

.order-item-popover.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: transparent
}

.vnDialog.el-dialog .el-dialog__header[data-v-5883af11] {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title[data-v-5883af11] {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-5883af11] {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-5883af11]:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body[data-v-5883af11] {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer[data-v-5883af11] {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button[data-v-5883af11] {
    width: 100%
}

.vnForm.el-form .el-form-item__label[data-v-5883af11] {
    color: #fff
}

.vnForm.el-form .el-form-item input[data-v-5883af11] {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input[data-v-5883af11] {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input[data-v-5883af11] {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input[data-v-5883af11] {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

[data-v-5883af11]::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

[data-v-5883af11]::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

[data-v-5883af11]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog[data-v-5883af11],.cancel-order-dialog .el-dialog[data-v-5883af11],.cancel-order-success-dialog .el-dialog[data-v-5883af11],.descriptionDialog .el-dialog[data-v-5883af11],.featuresDialog .el-dialog[data-v-5883af11],.order-detail-dialog .el-dialog[data-v-5883af11] {
    border-radius: 8px
}

.announce-dialog .el-dialog__header[data-v-5883af11],.cancel-order-dialog .el-dialog__header[data-v-5883af11],.cancel-order-success-dialog .el-dialog__header[data-v-5883af11],.descriptionDialog .el-dialog__header[data-v-5883af11],.featuresDialog .el-dialog__header[data-v-5883af11],.order-detail-dialog .el-dialog__header[data-v-5883af11] {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title[data-v-5883af11],.cancel-order-dialog .el-dialog__title[data-v-5883af11],.cancel-order-success-dialog .el-dialog__title[data-v-5883af11],.descriptionDialog .el-dialog__title[data-v-5883af11],.featuresDialog .el-dialog__title[data-v-5883af11],.order-detail-dialog .el-dialog__title[data-v-5883af11] {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn[data-v-5883af11],.cancel-order-dialog .el-dialog__headerbtn[data-v-5883af11],.cancel-order-success-dialog .el-dialog__headerbtn[data-v-5883af11],.descriptionDialog .el-dialog__headerbtn[data-v-5883af11],.featuresDialog .el-dialog__headerbtn[data-v-5883af11],.order-detail-dialog .el-dialog__headerbtn[data-v-5883af11] {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close[data-v-5883af11],.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close[data-v-5883af11],.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close[data-v-5883af11],.descriptionDialog .el-dialog__headerbtn .el-dialog__close[data-v-5883af11],.featuresDialog .el-dialog__headerbtn .el-dialog__close[data-v-5883af11],.order-detail-dialog .el-dialog__headerbtn .el-dialog__close[data-v-5883af11] {
    color: #fff
}

.announce-dialog .el-dialog__body[data-v-5883af11],.cancel-order-dialog .el-dialog__body[data-v-5883af11],.cancel-order-success-dialog .el-dialog__body[data-v-5883af11],.descriptionDialog .el-dialog__body[data-v-5883af11],.featuresDialog .el-dialog__body[data-v-5883af11],.order-detail-dialog .el-dialog__body[data-v-5883af11] {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns[data-v-5883af11],.cancel-order-dialog .panel-btns[data-v-5883af11],.cancel-order-success-dialog .panel-btns[data-v-5883af11],.descriptionDialog .panel-btns[data-v-5883af11],.featuresDialog .panel-btns[data-v-5883af11],.order-detail-dialog .panel-btns[data-v-5883af11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div[data-v-5883af11],.cancel-order-dialog .panel-btns div[data-v-5883af11],.cancel-order-success-dialog .panel-btns div[data-v-5883af11],.descriptionDialog .panel-btns div[data-v-5883af11],.featuresDialog .panel-btns div[data-v-5883af11],.order-detail-dialog .panel-btns div[data-v-5883af11] {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn[data-v-5883af11],.cancel-order-dialog .panel-btns .cancel-btn[data-v-5883af11],.cancel-order-success-dialog .panel-btns .cancel-btn[data-v-5883af11],.descriptionDialog .panel-btns .cancel-btn[data-v-5883af11],.featuresDialog .panel-btns .cancel-btn[data-v-5883af11],.order-detail-dialog .panel-btns .cancel-btn[data-v-5883af11] {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn[data-v-5883af11],.cancel-order-dialog .panel-btns .save-btn[data-v-5883af11],.cancel-order-success-dialog .panel-btns .save-btn[data-v-5883af11],.descriptionDialog .panel-btns .save-btn[data-v-5883af11],.featuresDialog .panel-btns .save-btn[data-v-5883af11],.order-detail-dialog .panel-btns .save-btn[data-v-5883af11] {
    background-color: #1f61b2
}

.betting-result-wp[data-v-5883af11] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #23252c
}

.betting-result-wp .result-title[data-v-5883af11] {
    height: 56px;
    line-height: 56px;
    color: #fff;
    border-radius: 8px 8px 0 0;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    background: #293356;
    position: relative
}

.betting-result-wp .result-title .iconfont[data-v-5883af11] {
    position: absolute;
    right: 24px;
    cursor: pointer
}

.betting-result-wp .result-spec[data-v-5883af11] {
    width: 100%;
    height: 64px;
    padding: 12px 24px;
    background: #1b233d;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    font-size: 14px;
    color: #90a2dc;
    text-align: center;
    font-weight: 400
}

.betting-result-wp .result-list[data-v-5883af11] {
    overflow-y: auto;
    background: #293356;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 120px;
    bottom: 188px;
    width: 100%
}

.betting-result-wp .result-list .result-item[data-v-5883af11] {
    padding: 0 20px 10px;
    height: 82px;
    background: #2f3b63;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5)
}

.betting-result-wp .result-list .result-item .bot-wp[data-v-5883af11],.betting-result-wp .result-list .result-item .mid-wp[data-v-5883af11],.betting-result-wp .result-list .result-item .top-wp[data-v-5883af11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    line-height: 16px;
    font-size: 12px
}

.betting-result-wp .result-list .result-item .top-wp[data-v-5883af11] {
    font-weight: 400;
    font-size: 14px
}

.betting-result-wp .result-list .result-item .top-wp .full-lottery-name[data-v-5883af11] {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400
}

.betting-result-wp .result-list .result-item .top-wp .bet-money[data-v-5883af11] {
    color: #f93e3e
}

.betting-result-wp .result-list .result-item .mid-wp .content[data-v-5883af11] {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 2px
}

.betting-result-wp .result-list .result-item .mid-wp .status[data-v-5883af11] {
    font-size: 12px;
    color: #21e06b;
    text-align: right;
    font-weight: 400
}

.betting-result-wp .result-list .result-item .bot-wp .detail[data-v-5883af11] {
    color: #a7bcff;
    cursor: pointer
}

.betting-result-wp .bottom[data-v-5883af11] {
    width: 100%;
    height: 188px;
    position: absolute;
    bottom: 0;
    text-align: center
}

.betting-result-wp .calc-amount-wp[data-v-5883af11],.betting-result-wp .calc-bonus-wp[data-v-5883af11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    margin-bottom: 4px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background: #1b233d;
    font-weight: 400;
    font-size: 12px
}

.betting-result-wp .calc-amount-wp .bonus[data-v-5883af11] {
    font-size: 14px
}

.betting-result-wp .calc-bonus-wp .bonus[data-v-5883af11] {
    font-size: 18px;
    color: #21e06b;
    text-align: right;
    font-weight: 400
}

.betting-result-wp .to-myorder-wp[data-v-5883af11] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px
}

.betting-result-wp .to-myorder-wp button[data-v-5883af11] {
    width: 284px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.unsettlementOrder {
    height: 100%
}

.unsettlementOrder .order-list {
    height: 100%;
    overflow-y: auto;
    color: #000;
    font-size: 12px
}

.unsettlementOrder .order-list .showMore {
    padding: 20px 0;
    text-align: center;
    background: #2f3b63;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.unsettlementOrder .order-list .order-item {
    height: 85px;
    background: #2f3b63;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    padding: 8px 20px 5px;
    color: #fff
}

.unsettlementOrder .order-list .order-item .top-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 16px;
    font-weight: 400;
    font-size: 14px
}

.unsettlementOrder .order-list .order-item .top-wp .full-lottery-name {
    width: 139px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400
}

.unsettlementOrder .order-list .order-item .mid-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    line-height: 16px
}

.unsettlementOrder .order-list .order-item .mid-wp .content {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 2px
}

.unsettlementOrder .order-list .order-item .mid-wp .result.win {
    color: #f93e3e
}

.unsettlementOrder .order-list .order-item .mid-wp .result.lose {
    color: #21e06b
}

.unsettlementOrder .order-list .order-item .bot-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    height: 34px;
    line-height: 24px
}

.unsettlementOrder .order-list .order-item .bot-wp .cancel-order {
    width: 85px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #a7bcff;
    border-radius: 2px;
    color: #a7bcff;
    text-align: center;
    cursor: pointer
}

.unsettlementOrder .order-list .order-item .bot-wp .detail {
    color: #a7bcff;
    font-size: 12px;
    cursor: pointer
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.right-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 332px;
    height: calc(100vh - 174px);
    background-color: #1d212a;
    border-radius: 8px;
    overflow: hidden
}

.right-box .el-tabs {
    position: relative;
    height: 100%
}

.right-box .el-tabs .el-tabs__header {
    margin: 0 0 1px;
    background: #1b233d
}

.right-box .el-tabs .el-tabs__header .el-tabs__nav-wrap:after {
    height: 0
}

.right-box .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav {
    display: flex;
    align-items: center;
    width: 332px
}

.right-box .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar {
    width: 80px!important;
    height: 3px;
    left: 15px;
    border-radius: 2px
}

.right-box .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item {
    flex: 1;
    height: 56px;
    line-height: 56px;
    text-align: center;
    padding: 0!important;
    font-size: 12px!important;
    font-weight: 400!important;
    position: relative
}

.right-box .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:after {
    content: "";
    width: 1px;
    height: 24px;
    background: #90a2dc;
    opacity: .2;
    position: absolute;
    right: -1px;
    top: 15px
}

.right-box .el-tabs .el-tabs__content {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
    background: #293356
}

.right-box .el-tabs .el-tabs__content .el-tab-pane {
    height: 100%
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.lottery {
    width: 1400px;
    min-height: 100%;
    display: flex;
    padding-top: 24px
}

.lottery .center {
    background: #35416d;
    margin: 0 24px;
    width: 807px;
    border-radius: 8px;
    overflow: hidden
}

.lottery .right-box-wp {
    position: fixed;
    top: 144px;
    width: 100%;
    max-width: 1400px;
    z-index: 3
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.cardBody .bodyTitle,.fontColor {
    color: #d4dbdb;
    font-size: 12px
}

.smFontSize {
    font-size: 12px
}

.mdFontSize {
    font-size: 14px
}

.card {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px
}

.cardTitle {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    background-color: #1b233d
}

.cardTitle .title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.cardBody {
    padding: 20px;
    background-color: #293356;
    color: #d4dbdb;
    font-size: 12px
}

.cardBody .bodyTitle {
    margin-bottom: 20px
}

.noPadding {
    padding: 0
}

.paddingTop0 {
    padding-top: 0
}

.noMargin {
    margin-bottom: 0
}

.vnDialog.el-dialog .el-dialog__header[data-v-e72fd7e6] {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title[data-v-e72fd7e6] {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-e72fd7e6] {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-e72fd7e6]:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body[data-v-e72fd7e6] {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer[data-v-e72fd7e6] {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button[data-v-e72fd7e6] {
    width: 100%
}

.vnForm.el-form .el-form-item__label[data-v-e72fd7e6] {
    color: #fff
}

.vnForm.el-form .el-form-item input[data-v-e72fd7e6] {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input[data-v-e72fd7e6] {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input[data-v-e72fd7e6] {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input[data-v-e72fd7e6] {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

[data-v-e72fd7e6]::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

[data-v-e72fd7e6]::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

[data-v-e72fd7e6]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog[data-v-e72fd7e6],.cancel-order-dialog .el-dialog[data-v-e72fd7e6],.cancel-order-success-dialog .el-dialog[data-v-e72fd7e6],.descriptionDialog .el-dialog[data-v-e72fd7e6],.featuresDialog .el-dialog[data-v-e72fd7e6],.order-detail-dialog .el-dialog[data-v-e72fd7e6] {
    border-radius: 8px
}

.announce-dialog .el-dialog__header[data-v-e72fd7e6],.cancel-order-dialog .el-dialog__header[data-v-e72fd7e6],.cancel-order-success-dialog .el-dialog__header[data-v-e72fd7e6],.descriptionDialog .el-dialog__header[data-v-e72fd7e6],.featuresDialog .el-dialog__header[data-v-e72fd7e6],.order-detail-dialog .el-dialog__header[data-v-e72fd7e6] {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title[data-v-e72fd7e6],.cancel-order-dialog .el-dialog__title[data-v-e72fd7e6],.cancel-order-success-dialog .el-dialog__title[data-v-e72fd7e6],.descriptionDialog .el-dialog__title[data-v-e72fd7e6],.featuresDialog .el-dialog__title[data-v-e72fd7e6],.order-detail-dialog .el-dialog__title[data-v-e72fd7e6] {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn[data-v-e72fd7e6],.cancel-order-dialog .el-dialog__headerbtn[data-v-e72fd7e6],.cancel-order-success-dialog .el-dialog__headerbtn[data-v-e72fd7e6],.descriptionDialog .el-dialog__headerbtn[data-v-e72fd7e6],.featuresDialog .el-dialog__headerbtn[data-v-e72fd7e6],.order-detail-dialog .el-dialog__headerbtn[data-v-e72fd7e6] {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close[data-v-e72fd7e6],.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close[data-v-e72fd7e6],.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close[data-v-e72fd7e6],.descriptionDialog .el-dialog__headerbtn .el-dialog__close[data-v-e72fd7e6],.featuresDialog .el-dialog__headerbtn .el-dialog__close[data-v-e72fd7e6],.order-detail-dialog .el-dialog__headerbtn .el-dialog__close[data-v-e72fd7e6] {
    color: #fff
}

.announce-dialog .el-dialog__body[data-v-e72fd7e6],.cancel-order-dialog .el-dialog__body[data-v-e72fd7e6],.cancel-order-success-dialog .el-dialog__body[data-v-e72fd7e6],.descriptionDialog .el-dialog__body[data-v-e72fd7e6],.featuresDialog .el-dialog__body[data-v-e72fd7e6],.order-detail-dialog .el-dialog__body[data-v-e72fd7e6] {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns[data-v-e72fd7e6],.cancel-order-dialog .panel-btns[data-v-e72fd7e6],.cancel-order-success-dialog .panel-btns[data-v-e72fd7e6],.descriptionDialog .panel-btns[data-v-e72fd7e6],.featuresDialog .panel-btns[data-v-e72fd7e6],.order-detail-dialog .panel-btns[data-v-e72fd7e6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div[data-v-e72fd7e6],.cancel-order-dialog .panel-btns div[data-v-e72fd7e6],.cancel-order-success-dialog .panel-btns div[data-v-e72fd7e6],.descriptionDialog .panel-btns div[data-v-e72fd7e6],.featuresDialog .panel-btns div[data-v-e72fd7e6],.order-detail-dialog .panel-btns div[data-v-e72fd7e6] {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn[data-v-e72fd7e6],.cancel-order-dialog .panel-btns .cancel-btn[data-v-e72fd7e6],.cancel-order-success-dialog .panel-btns .cancel-btn[data-v-e72fd7e6],.descriptionDialog .panel-btns .cancel-btn[data-v-e72fd7e6],.featuresDialog .panel-btns .cancel-btn[data-v-e72fd7e6],.order-detail-dialog .panel-btns .cancel-btn[data-v-e72fd7e6] {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn[data-v-e72fd7e6],.cancel-order-dialog .panel-btns .save-btn[data-v-e72fd7e6],.cancel-order-success-dialog .panel-btns .save-btn[data-v-e72fd7e6],.descriptionDialog .panel-btns .save-btn[data-v-e72fd7e6],.featuresDialog .panel-btns .save-btn[data-v-e72fd7e6],.order-detail-dialog .panel-btns .save-btn[data-v-e72fd7e6] {
    background-color: #1f61b2
}

.ellipsis[data-v-e72fd7e6] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    width: 100%
}

.closeBtn[data-v-e72fd7e6] {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.closeBtn i[data-v-e72fd7e6] {
    color: #000;
    font-size: 16px
}

[data-v-e72fd7e6] .el-dialog {
    width: 360px;
    background-color: #fbfbfb;
    color: #1b233d;
    border-radius: 8px
}

[data-v-e72fd7e6] .el-dialog .el-dialog__header {
    padding: 15px 24px;
    height: 60px;
    border-bottom: 1px solid #d4d4d4
}

[data-v-e72fd7e6] .el-dialog .el-dialog__header .el-dialog__title {
    color: #1b233d;
    font-size: 18px
}

[data-v-e72fd7e6] .el-dialog .el-dialog__header .el-dialog__headerbtn {
    display: none
}

[data-v-e72fd7e6] .el-dialog .el-dialog__body {
    padding: 30px 24px
}

[data-v-e72fd7e6] .el-dialog .el-dialog__body .dialogBody .dialogText {
    margin: 20px 0;
    color: #585858
}

[data-v-e72fd7e6] .el-dialog .el-dialog__body .dialogBody button {
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 312px;
    height: 40px;
    background: linear-gradient(90deg,#7146ff,#4a69ff)!important;
    border-radius: 4px
}

[data-v-e72fd7e6] .el-dialog .el-dialog__body .dialogBody button:hover {
    background: linear-gradient(90deg,#6638ff,#3658ff)!important;
    color: #fff!important
}

.dialogList[data-v-e72fd7e6] {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.dialogList .list[data-v-e72fd7e6] {
    margin-left: 85px;
    color: #585858;
    font-size: 14px;
    margin-bottom: 15px
}

.dialogList .list .value[data-v-e72fd7e6] {
    margin-left: 5px
}

.btns[data-v-e72fd7e6] {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.btns span[data-v-e72fd7e6] {
    width: 144px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 14px
}

.btns .cancelBtn[data-v-e72fd7e6] {
    color: #000;
    border: 1px solid #1b233d;
    border-radius: 4px
}

.btns .confimeBtn[data-v-e72fd7e6] {
    color: #fff;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 4px
}


.messagePopup[data-v-e72fd7e6] .el-dialog {
    width: 360px;
    background-color: #fff;
    color: #000
}

.messagePopup[data-v-e72fd7e6] .el-dialog .el-dialog__header {
    padding: 20px;
    height: 56px;
    background-color: #fff;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.messagePopup[data-v-e72fd7e6] .el-dialog .el-dialog__header .el-dialog__title {
    font-family: Microsoft YaHei;
    font-weight: 700;
    font-size: 16px;
    text-align: center
}

.messagePopup[data-v-e72fd7e6] .el-dialog .el-dialog__header .el-dialog__headerbtn {
    display: none
}

.messagePopup[data-v-e72fd7e6] .el-dialog .dialogBody {
    text-align: center
}

.messagePopup[data-v-e72fd7e6] .el-dialog .dialogBody .el-icon-circle-close {
    font-size: 32px;
    background-color: red;
    border-radius: 50%;
    color: #fff
}

.messagePopup[data-v-e72fd7e6] .el-dialog .dialogBody .el-icon-check {
    font-size: 32px;
    background-color: #21e06b;
    border-radius: 50%;
    color: #fff
}

.verifyFormDialog[data-v-e72fd7e6] .el-dialog .el-input__inner {
    background: #fbfbfb;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.mainBackgroundColor, 
.el-input .el-input__inner {
    background-color: #1b233d!important
}
.el-input .el-input__inner{
	border: 1px solid #1d212a;
	color: #FFFFFF;
}
.el-select .el-input .el-input__inner{
	width: 100%;
}


.accountsNumText {
    color: #d4dbdb;
    font-size: 14px
}

.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center
}

.tab {
    color: #d4dbdb;
    font-size: 12px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer
}

.tab div {
    margin-right: 52px;
    display: inline-block;
    position: relative
}

.tab .active {
    color: #e9cfa4
}

.tab .active:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e9cfa4
}

.tab .bankRecharge {
    margin-left: 10px
}

.nameSpan {
    height: 40px;
    line-height: 40px;
    color: #d4dbdb;
    font-size: 12px
}

 .el-input .el-input__inner {
    width: 100%;
    height: 40px;
    background: #1b233d;
    border-radius: 4px
}

 .el-form-item__label {
    color: #d4dbdb;
    font-size: 12px;
    text-align: center;
    height: 40px;
    line-height: 40px!important
}

.precautionsP {
    font-size: 12px;
    color: #e9cfa4;
    margin-top: 10px
}

.precautionsP i {
    font-size: 14px
}


.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.mainBackgroundColor {
    background-color: #282c31!important;
    background-image: linear-gradient(134deg,#212b50,#151d36)
}

.accountsNumText {
    color: #d4dbdb;
    font-size: 14px
}

.cardList .cardItem .cardInfo .cardInfoLeft,.cardList .cardItem .cardInfo,.cardList .cardItem .cardNum,.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center
}

.cardList .addBankCard span,.fontColor {
    color: #d4dbdb;
    font-size: 12px
}

.cardList {
    padding: 20px;
    display: flex;
    flex-wrap: wrap
}

.cardList .cardItem {
    width: 218px;
    height: 132px;
    margin: 0 35px 24px 0;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    background: #1b233d;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    border-radius: 8px;
    background-image: url(../img/bg_bank_card.a938c7ba.png);
    background-size: cover
}

.cardList .cardItem .cardNum {
    justify-content: space-between
}

.cardList .cardItem .cardNum span {
    letter-spacing: 3px
}

.cardList .cardItem .cardNum .defaultBank {
    flex: 1
}

.cardList .cardItem .cardNum .defaultBank .defaultBankBtn {
    padding: 0;
    width: 60px;
    background-color: #1f61b2;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400
}

.cardList .cardItem .cardNum .defaultBank .defaultBankBtn button {
    height: 24px;
    width: 60px;
    display: flex
}

.cardList .cardItem .cardNum .defaultBank .defaultBankBtn button span {
    flex: 1;
    position: absolute
}

.cardList .cardItem .cardNum .defaultBank .notDefault {
    background: #9a9b99!important;
    color: #fff!important
}

.cardList .cardItem .cardNum .defaultBank .notDefault:hover {
    background: #696969!important
}

.cardList .cardItem .cardNum .cardList {
    padding: 0;
    flex: 2
}

.cardList .cardItem .cardNum .cardList .cardSpan {
    margin-right: 6px
}

.cardList .cardItem .cardInfo {
    justify-content: space-between
}

.cardList .cardItem .cardInfo .cardInfoLeft .cardName {
    margin-left: 14px
}

.cardList .cardItem .cardInfo i {
    cursor: pointer
}

.cardList .cardItem .icon-duigou {
    position: absolute;
    right: -2px;
    bottom: -5px;
    color: #e9cfa4
}

.cardList .addBankCard {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-image: none;
    cursor: pointer
}

.cardList .addBankCard span {
    margin-left: 5px
}

.dialogBody {
    text-align: center
}

.dialogBody button {
    width: 320px;
    height: 45px;
    background-color: #1f61b2!important;
    border: none;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    text-align: center
}

 .el-button--primary {
    height: 30px
}

 .el-button--primary span {
    white-space: normal
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover {
    background: #90a2dc!important
}

.labelColorCommon {
    color: #90a2dc!important
}

.heightCommon {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon,.mobileInput .el-input__inner,.ruleFormInput .el-input__inner {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

.mdFontSize {
    font-size: 14px
}

.cardList .cardItem .cardInfo .cardInfoLeft,.cardList .cardItem .cardInfo,.cardList .cardItem .cardNum,.flexCenter {
    align-items: center;
    display: flex
}

.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    width: 100%
}

.wihteColor {
    font-family: Microsoft YaHei;
    color: #fff
}

.avtiveColor,.mainColor {
    font-family: Microsoft YaHei;
    color: #9fa1a3
}

.cardList .addBankCard i,.cardList .cardItem,.mainBackgroundColor {
    background-color: #282c31!important
}

.formInput .el-input__inner,.inputBackgroundColor {
    background-color: #1b233d!important
}

.buttonBackgroundColor,.information .el-button--primary {
    background: #90a2dc!important
}

.cardList .addBankCard span,.fontColor {
    color: #dcdfe6
}

.information .el-button--primary {
    box-sizing: border-box;
    border: none
}

.information .el-button--primary:hover {
    background: #e9cfa4!important;
    color: #000!important
}

.information .changeBtn {
    width: unset;
    padding: 5px 40px;
    min-width: 90px
}

.information .ml24 {
    margin-left: 24px
}

.formInput {
    width: 386px;
    display: inline-block;
    background-color: #282c31;
    border-radius: 2px;
    margin-right: 10px
}

.formInput .el-input__inner {
    border-radius: 2px;
    border: none;
    color: #afb0b2;
    height: 40px
}

 .el-form-item__label {
    color: #d4dbdb;
    font-size: 14px;
    height: 40px;
    padding-right: 32px
}

 .el-form-item--mini .el-form-item__label {
    line-height: 40px
}

.cardWrap .el-form-item__label {
    color: #90a2dc
}

.cardWrap .is-disabled {
    border: 1px solid #9cb0f0;
    color: #9cb0f0
}

.cardWrap .w124 {
    width: 124px
}

input::-webkit-input-placeholder {
    color: #afb0b2
}

input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder {
    color: #afb0b2
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #afb0b2
}

.el-button--mini.is-round, .el-button--mini {
    height: 40px
}

.accountsNumText {
    color: #d4dbdb;
    font-size: 14px
}

.cardList {
    padding: 20px;
    display: flex;
    flex-wrap: wrap
}

.cardList .cardItem {
    width: 218px;
    height: 132px;
    border-radius: 2px;
    margin: 0 10px 10px 0;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.cardList .cardItem .cardNum {
    padding-bottom: 20px;
    justify-content: space-around
}

.cardList .cardItem .cardNum span {
    letter-spacing: 3px
}

.cardList .cardItem .cardInfo {
    justify-content: space-between
}

.cardList .cardItem .cardInfo .cardInfoLeft .cardName {
    margin-left: 14px
}

.cardList .addBankCard {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.cardList .addBankCard span {
    margin-left: 5px
}

.cardList .addBankCard i {
    font-size: 20px
}

.prompt {
    margin-top: 20px;
    font-size: 14px;
    color: #90a2dc;
    text-align: right;
    cursor: pointer
}

.transactionPwdBody .el-form-item {
    margin-bottom: 20px
}

.transactionPwdBody .el-form-item__error {
    margin-top: 2px
}

.transactionPwdBody .el-form-item__label {
    font-size: 14px;
    color: #1b233d
}

.dialogBody .el-form-item {
    margin-bottom: 16px
}

.dialogBody .el-form-item__error {
    margin-top: 3px
}

.mobileInput .el-input__inner {
    margin-top: 8px
}

.mobileInput .el-input__suffix {
    top: 14px;
    right: 8px;
    color: #90a2dc
}

.mobileInput .el-input__inner:focus {
    background-color: #fef0f0!important;
    border: 1px solid;
    border-color: #f56c6c!important;
    border-radius: 2px
}

.mobileInput .el-input__inner:focus .second {
    color: #333
}

.mobileInput .cursorP {
    cursor: pointer
}

.lh40 {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    min-width: 336px;
    color: hsla(0,0%,100%,.6)
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.smFontSize {
    font-size: 12px
}

.mdFontSize {
    font-size: 14px
}

.cardList .cardItem .cardInfo .cardInfoLeft,.cardList .cardItem .cardInfo,.cardList .cardItem .cardNum,.flexCenter {
    align-items: center;
    display: flex
}

.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    width: 100%
}

.wihteColor {
    font-family: Microsoft YaHei;
    color: #fff
}

.avtiveColor,.mainColor {
    font-family: Microsoft YaHei;
    color: #9fa1a3
}

.cardList .addBankCard i,.cardList .cardItem,.formInput .el-input__inner,.mainBackgroundColor {
    background-color: #282c31!important
}

.cardList .addBankCard span,.fontColor {
    color: #dcdfe6
}

.formInput {
    width: 386px;
    display: inline-block;
    background-color: #282c31;
    border-radius: 2px;
    margin-right: 10px
}

.formInput .el-input__inner {
    border-radius: 2px;
    border: none;
    color: #afb0b2
}

 .el-form-item__label {
    color: #d4dbdb
}

input::-webkit-input-placeholder {
    color: #afb0b2
}

input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder {
    color: #afb0b2
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #afb0b2
}

.el-button--mini.is-round, .el-button--mini {
    padding: 7px 5px;
    min-width: 94px
}

.accountsNumText {
    color: #d4dbdb;
    font-size: 14px
}

.cardList {
    padding: 20px;
    display: flex;
    flex-wrap: wrap
}

.cardList .cardItem {
    width: 218px;
    height: 132px;
    border-radius: 2px;
    margin: 0 10px 10px 0;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    border-radius: 8px
}

.cardList .cardItem .cardNum {
    padding-bottom: 20px;
    justify-content: space-around
}

.cardList .cardItem .cardNum span {
    letter-spacing: 3px
}

.cardList .cardItem .cardInfo {
    justify-content: space-between
}

.cardList .cardItem .cardInfo .cardInfoLeft .cardName {
    margin-left: 14px
}

.cardList .addBankCard {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.cardList .addBankCard span {
    margin-left: 5px
}

.cardList .addBankCard i {
    font-size: 20px
}


.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColorHover, .el-pager li.active {
    background: #90a2dc!important
}

.fontColor,.pagination, .el-pagination__jump .el-input__inner {
    color: #fff!important;
    font-size: 12px
}

.mianBg, .el-pagination__jump .el-input__inner {
    background-color: #393f46;
    border-color: #34393f
}

.smFontSize {
    font-size: 12px
}

.mdFontSize {
    font-size: 14px
}

.pagination {
    padding-right: 200px;
    position: relative
}

.pagination .el-input__inner {
    background-color: #393f46!important;
    border-radius: 2px;
    border: none!important;
    width: 90px!important;
    color: #fff!important;
    height: 20px!important
}

.pagination .el-pagination__jump {
    margin-left: 0;
    width: 80px;
    display: flex;
    position: absolute;
    top: -2px;
    right: 20px;
    color: #fff!important
}

.pagination .el-pagination__jump .el-input__inner {
    border: none;
    width: 40px!important;
    border-radius: 2px
}

 .el-pager {
    color: #fff!important
}

 .el-pager li {
    width: 20px!important;
    height: 20px;
    background-color: #393f46!important;
    border-radius: 2px;
    color: #fff!important;
    font-size: 12px;
    line-height: 20px
}

 .el-pager li.active {
    border-radius: 2px
}

 .el-pager .more:before {
    line-height: 20px
}

 .pagination .btn-next, .pagination .btn-prev {
    min-width: 20px;
    height: 20px;
    background-color: #393f46!important;
    border-radius: 2px
}

 .pagination .btn-next i, .pagination .btn-prev i {
    color: #fff!important
}

 .el-pagination__sizes {
    position: absolute;
    right: 100px;
    top: -2px;
    margin: 0
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor,.bettingRecord .main .el-table,.bettingRecord .main .el-table tr th,.bettingRecord .submitButton,.bettingRecord .timeBtn,.bettingRecord .topWrap .elTabs,.bettingRecord .detailDialog .el-dialog__body .bodyTop .copyBtn,.bettingRecord .detailDialog .el-dialog__body .box>div span,.bettingRecord .detailDialog .el-dialog__header,.bettingRecord .el-input__inner,.bettingRecord .el-range-input {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.bettingRecord .main .el-table__body-wrapper,.bettingRecord .main .el-table__row,.bettingRecord .pagination,.bettingRecord .topWrap .topBox,.bettingRecord .topWrap .elTabs .is-active,.bettingRecord .detailDialog .el-dialog,.bettingRecord .detailDialog .el-dialog__body .box,.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover,.bettingRecord .active,.bettingRecord .el-button:hover,.bettingRecord .detailDialog .el-dialog__body .bodyTop .active,.bettingRecord .detailDialog .el-dialog__body .bodyTop .el-button:hover,.bettingRecord .el-pager li.active {
    background: #90a2dc!important
}

.bettingRecord .label,.bettingRecord .main .clickable,.bettingRecord .detailDialog .el-dialog__headerbtn i:hover,.labelColorCommon {
    color: #90a2dc!important
}

.bettingRecord .label,.bettingRecord .submitButton,.bettingRecord .timeBtn,.bettingRecord .el-input__inner,.bettingRecord .el-range-separator,.heightCommon {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

.bettingRecord {
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px
}

.bettingRecord .topWrap {
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden
}

.bettingRecord .topWrap .elTabs {
    height: 50px;
    line-height: 50px
}

.bettingRecord .topWrap .elTabs .el-tabs__header {
    height: 100%;
    border: 0;
    overflow: hidden;
    color: #fff;
    margin: 0
}

.bettingRecord .topWrap .elTabs .el-tabs__nav-scroll,.bettingRecord .topWrap .elTabs .el-tabs__nav-wrap,.bettingRecord .topWrap .elTabs .is-top {
    height: 50px;
    line-height: 50px
}

.bettingRecord .topWrap .elTabs .el-tabs__active-bar,.bettingRecord .topWrap .elTabs .el-tabs__nav-wrap:after {
    height: 0
}

.bettingRecord .topWrap .elTabs .el-tabs__nav {
    display: flex
}

.bettingRecord .topWrap .elTabs .el-tabs__item {
    padding: 0 20px;
    height: 50px
}

.bettingRecord .topWrap .topBox {
    padding: 20px
}

.bettingRecord .topWrap .topBox .top {
    color: #e9cfa4
}

.bettingRecord .topWrap .topBox .middle {
    display: flex;
    padding: 10px 0
}

.bettingRecord .topWrap .topBox .middle span {
    line-height: 34px;
    margin-right: 2px
}

.bettingRecord .topWrap .topBox .middle .timeGroup {
    margin: 0 20px
}

.bettingRecord .moneyWrap {
    margin-left: 20px;
    padding-top: 10px;
    margin-bottom: 30px
}

.bettingRecord .moneyWrap span {
    display: inline-block;
    margin-right: 30px
}

.bettingRecord .main {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden
}

.bettingRecord .main .tableWrap .ellipsisP {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: unset
}

.bettingRecord .main .cell {
    text-align: center;
    font-weight: 700
}

.bettingRecord .main .el-table--border:after,.bettingRecord .main .el-table--group:after,.bettingRecord .main .el-table:before {
    width: 0
}

.bettingRecord .main .el-table--border,.bettingRecord .main .el-table--group,.bettingRecord .main .is-leaf {
    border: 0
}

.bettingRecord .main .el-table__body-wrapper .cell,.bettingRecord .main .el-table__row .cell {
    font-weight: 400
}

.bettingRecord .main .el-table__body-wrapper .cell p,.bettingRecord .main .el-table__row .cell p {
    word-break: break-word;
    font-size: 12px
}

.bettingRecord .main .el-table tbody tr:hover>td {
    background-color: transparent
}

.bettingRecord .main .el-table td {
    border-bottom: 1px solid #495994
}

.bettingRecord .main .clickable {
    cursor: pointer;
    font-weight: 700
}

.bettingRecord .el-input__inner {
    border-radius: 4px;
    width: 244px;
    border: 1px solid #1b233d
}

.bettingRecord .el-date-editor:hover,.bettingRecord .el-range-input:hover {
    border-color: #c0c4cc;
    cursor: pointer
}

.bettingRecord .el-range__icon {
    position: absolute;
    right: 0;
    top: 1px;
    color: #fff
}

.bettingRecord .el-range__close-icon {
    position: absolute;
    right: 20px;
    top: 2px
}

.bettingRecord .el-button-group {
    margin-left: 20px
}

.bettingRecord .timeBtn {
    min-width: 70px;
    padding: 0 4px;
    border: 1px solid #1b233d
}

.bettingRecord .submitButton {
    margin-left: 20px;
    width: 96px;
    padding: 0;
    border: 0;
    border-radius: 4px
}

.bettingRecord .noData {
    color: #909399
}

.bettingRecord .el-table__empty-text {
    position: absolute;
    top: 44px
}

.bettingRecord .mr20 {
    margin-right: 20px
}

.bettingRecord .flex {
    display: flex
}

.bettingRecord .detailDialog .el-dialog {
    width: 820px;
    border-radius: 8px
}

.bettingRecord .detailDialog .el-dialog__header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0;
    height: 56px;
    line-height: 56px;
    padding-left: 24px;
    font-weight: 700;
    font-size: 16px
}

.bettingRecord .detailDialog .el-dialog__header .el-dialog__title {
    color: #fff
}

.bettingRecord .detailDialog .el-dialog__body {
    padding: 24px;
    padding-top: 0;
    overflow: hidden
}

.bettingRecord .detailDialog .el-dialog__body .bodyTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0
}

.bettingRecord .detailDialog .el-dialog__body .bodyTop .left {
    display: flex;
    align-items: center
}

.bettingRecord .detailDialog .el-dialog__body .bodyTop p {
    height: 20px;
    line-height: 20px;
    color: #fff
}

.bettingRecord .detailDialog .el-dialog__body .bodyTop .copyBtn {
    margin-left: 10px;
    margin-right: 20px;
    width: 50px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 2px
}

.bettingRecord .detailDialog .el-dialog__body .box {
    display: flex;
    flex-wrap: wrap
}

.bettingRecord .detailDialog .el-dialog__body .box>div {
    display: flex;
    width: 49%;
    height: 36px;
    line-height: 36px;
    margin-bottom: 16px
}

.bettingRecord .detailDialog .el-dialog__body .box>div .left {
    width: 54%
}

.bettingRecord .detailDialog .el-dialog__body .box>div .right {
    width: 46%
}

.bettingRecord .detailDialog .el-dialog__body .box>div span {
    width: 110px;
    padding-right: 16px;
    text-align: right;
    border-radius: 4px
}

.bettingRecord .detailDialog .el-dialog__body .box>div p {
    background: #35416d;
    border-radius: 4px;
    width: 220px;
    padding-left: 20px
}

.bettingRecord .detailDialog .el-dialog__body .box>div:nth-child(odd) {
    margin-right: 2%
}

.bettingRecord .detailDialog .el-dialog__headerbtn {
    right: 14px;
    top: 14px;
    font-size: 26px
}

.bettingRecord .pagination {
    text-align: right;
    padding: 30px 20px 30px 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 20px
}

.bettingRecord .label {
    width: 88px;
    text-align: right;
    padding-right: 16px
}

.bettingRecord .w100 {
    width: 100%!important
}

.bettingRecord .red {
    color: #f93e3e
}

.bettingRecord .green {
    color: #5cae50
}

.bettingRecord .ellipsisP {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor,.capitalDetail .main .el-table tr th,.capitalDetail .submitButton,.capitalDetail .timeBtn,.capitalDetail .topWrap .title,.capitalDetail .el-input__inner,.capitalDetail .el-range-input {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.capitalDetail .main .el-table__body-wrapper,.capitalDetail .main .el-table__row,.capitalDetail .pagination,.capitalDetail .topWrap .topBox,.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover,.capitalDetail .active,.capitalDetail .el-button:hover,.capitalDetail .el-pager li.active {
    background: #90a2dc!important
}

.labelColorCommon {
    color: #90a2dc!important
}

.heightCommon {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

.capitalDetail {
    color: #d4dbdb;
    font-size: 14px
}

.capitalDetail .topWrap {
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden
}

.capitalDetail .topWrap .title {
    font-weight: 700;
    color: #d4dbdb;
    height: 50px;
    line-height: 50px;
    padding-left: 20px
}

.capitalDetail .topWrap .topBox {
    padding: 20px 20px 0;
    height: 174px
}

.capitalDetail .topWrap .topBox .top {
    color: #e9cfa4
}

.capitalDetail .topWrap .topBox .middle {
    display: flex;
    padding-top: 20px;
    font-size: 12px
}

.capitalDetail .topWrap .topBox .middle span {
    line-height: 40px;
    margin-right: 2px
}

.capitalDetail .topWrap .topBox .middle .timeGroup {
    margin: 0 20px
}

.capitalDetail .main {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden
}

.capitalDetail .main .tableWrap .ellipsisP {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: unset
}

.capitalDetail .main .cell {
    text-align: center;
    font-weight: 700
}

.capitalDetail .main .el-table--border:after,.capitalDetail .main .el-table--group:after,.capitalDetail .main .el-table:before {
    width: 0
}

.capitalDetail .main .el-table--border,.capitalDetail .main .el-table--group,.capitalDetail .main .is-leaf {
    border: 0
}

.capitalDetail .main .el-table__body-wrapper .cell,.capitalDetail .main .el-table__row .cell {
    color: #fff;
    font-weight: 400
}

.capitalDetail .main .el-table tbody tr:hover>td {
    background-color: transparent
}

.capitalDetail .main .el-table td {
    border-bottom: 1px solid #495994
}

.capitalDetail .main .red {
    color: #dd4f4b
}

.capitalDetail .main .green {
    color: #5cae50
}

.capitalDetail .main .clickable {
    color: #e9cfa4;
    cursor: pointer;
    font-weight: 700
}

.capitalDetail .el-input__inner {
    border-radius: 4px;
    width: 260px;
    border: 1px solid #3a3d42;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px
}

.capitalDetail .el-range-input {
    color: #fff
}

.capitalDetail .el-date-editor:hover,.capitalDetail .el-range-input:hover {
    border-color: #c0c4cc;
    cursor: pointer
}

.capitalDetail .el-range-separator {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.capitalDetail .el-range__icon {
    color: #fff;
    position: absolute;
    right: 0;
    top: 1px
}

.capitalDetail .el-range__close-icon {
    position: absolute;
    right: 20px;
    top: 2px
}

.capitalDetail .el-button-group {
    margin-left: 20px
}

.capitalDetail .timeBtn {
    min-width: 70px;
    height: 40px;
    padding: 0 4px;
    color: #fff;
    border: 1px solid #3c3f43
}

.capitalDetail .active,.capitalDetail .el-button:hover {
    color: #fff
}

.capitalDetail .submitButton {
    color: #fff;
    margin-left: 20px;
    width: 96px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 4px
}

.capitalDetail .noData {
    color: #909399
}

.capitalDetail .el-table__empty-text {
    position: absolute;
    top: 44px
}

.capitalDetail .mr20 {
    margin-right: 20px
}

.capitalDetail .flex {
    display: flex
}

.capitalDetail .pagination {
    text-align: right;
    padding: 30px 20px 30px 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 20px
}

.capitalDetail .label,.capitalDetail .transactionRecord {
    color: #d4dbdb
}

.capitalDetail .label {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #90a2dc;
    width: 100px;
    text-align: right;
    padding-right: 16px
}

.capitalDetail .w100 {
    width: 100%!important
}

.capitalDetail .ellipsisP {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.messageCenter .pagination,.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover {
    background: #90a2dc!important
}

.labelColorCommon,.messageCenter .titleBox .flex .layer .el-checkbox {
    color: #90a2dc!important
}

.heightCommon {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

 .el-tabs__nav-wrap:after {
    background: #606c94;
    height: 1px
}

 .el-tabs__item {
    font-weight: 700
}

 .el-tabs__active-bar {
    height: 3px
}

.messageCenter {
    height: 100%;
    margin-bottom: 20px
}

.messageCenter .card {
    height: 100%
}

.messageCenter .card .cardBody {
    height: 100%;
    font-size: 14px
}

.messageCenter .slotTitle {
    cursor: pointer
}

.messageCenter .slotTitle span {
    padding-left: 10px
}

.messageCenter .titleBox {
    padding: 0 20px;
    margin-top: 20px
}

.messageCenter .titleBox .flex .layer {
    cursor: pointer
}

.messageCenter .titleBox .flex .layer .wrap {
    padding: 2px
}

.messageCenter .titleBox .flex .layer .wrap>div {
    border: 1px solid #1f61b2;
    width: 10px;
    height: 10px;
    position: relative
}

.messageCenter .titleBox .flex .layer .wrap>div span {
    position: absolute;
    top: 0;
    left: 0
}

.messageCenter .titleBox .flex .text {
    margin: 0 6px;
    cursor: pointer
}

.messageCenter .titleBox .flex p {
    color: #e9cfa4;
    cursor: pointer;
    margin-left: 30px
}

.messageCenter .msgBox {
    padding: 20px 0;
    border-bottom: 1px solid #3c3f43;
    cursor: pointer;
    color: #fff
}

.messageCenter .msgBox .msgTitle {
    margin-bottom: 12px
}

.messageCenter .msgBox .msgTitle span {
    color: #fff;
    margin-right: 20px;
    border-radius: 6px;
    background-color: #1f61b2;
    border-radius: 2px;
    padding: 0 4px;
    height: 26px;
    line-height: 26px;
    text-align: center
}

.messageCenter .msgBox .msgContent {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.messageCenter .detailPage {
    color: #fff
}

.messageCenter .detailPage .top {
    font-size: 14px
}

.messageCenter .detailPage .top p {
    padding-top: 20px;
    margin-bottom: 10px;
    padding-left: 24px
}

.messageCenter .detailPage .top .timeBox {
    display: flex;
    justify-content: space-between;
    margin: 0 20px 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #3c3f43
}

.messageCenter .detailPage .top .timeBox .iconBox {
    display: flex
}

.messageCenter .detailPage .top .timeBox .iconBox span {
    margin-right: 16px;
    font-size: 20px
}

.messageCenter .detailPage .top .timeBox .iconBox span:hover {
    color: #fff;
    box-shadow: 0 0 2px #fff;
    cursor: pointer
}

.messageCenter .detailPage .top .timeBox .iconBox .icon2 {
    transform: rotate(90deg)
}

.messageCenter .detailPage .top .timeBox .iconBox .icon3 {
    transform: rotate(-90deg)
}

.messageCenter .detailPage .top .timeBox .iconBox .grey:hover {
    cursor: not-allowed;
    box-shadow: none;
    color: grey
}

.messageCenter .detailPage .main {
    margin: 20px;
    font-size: 14px;
    text-indent: 30px;
    line-height: 1.6
}

.messageCenter .noData {
    color: #909399;
    text-align: center;
    padding-top: 50px
}

.messageCenter .el-table__empty-text {
    position: absolute;
    top: 44px
}

.messageCenter .flex {
    display: flex;
    align-items: center
}

.messageCenter .flexB {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.messageCenter .grey {
    color: #9a9b99
}

.messageCenter .nothing {
    visibility: hidden
}

.messageCenter .pagination {
    text-align: right;
    padding: 30px 20px 30px 0
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.bodyItem .gameMoney,.bodyItem .usdtMoney,.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center
}

.bodyItem .moneyItem,.flexBetween {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.bodyItem .payAndWithdrawalItem span,.mdFontSize {
    font-size: 14px
}

.bodyItem .payAndWithdrawalItem span,.mainColor {
    font-family: Microsoft YaHei;
    color: #9fa1a3
}

.mainBackgroundColor {
    background-color: #282c31!important
}

.bodyItem .gameMoney p,.bodyItem .usdtMoney p,.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    width: 100%
}

.topTitle {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.topTitle .left {
    width: 200px;
    display: flex;
    justify-content: space-between
}

.topTitle .left p {
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

.topTitle .left .bodyTitle {
    display: flex;
    align-items: center
}

.topTitle .left .bodyTitle span {
    font-size: 14px;
    color: #90a2dc;
    margin-right: 6px
}

.topTitle .left .bodyTitle i {
    color: #90a2dc
}

.topTitle .getBack button {
    color: #fff!important;
    background: linear-gradient(135deg,#7146ff,#4a69ff)!important;
    border: none!important;
    font-size: 14px
}

.icon-icon_refresh_gold_12 {
    font-size: 17px;
    cursor: pointer
}

.rotate {
    transform-origin: center 50%;
    -webkit-animation: myfirst-data-v-39ea0424 1s linear infinite;
    animation: myfirst-data-v-39ea0424 1s linear infinite
}

@-webkit-keyframes myfirst-data-v-39ea0424 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes myfirst-data-v-39ea0424 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.bodyItem {
    display: flex;
    min-height: 65px;
    flex-basis: 10px;
    padding: 12px 0
}

.bodyItem .payAndWithdrawalItem {
    display: flex;
    justify-content: space-between;
    width: 50%
}

.bodyItem .payAndWithdrawalItem .el-icon-plus {
    color: #77bd4b
}

.bodyItem .payAndWithdrawalItem .el-icon-minus {
    color: #d64629
}

.bodyItem .payAndWithdrawalItem span {
    padding-left: 10px
}

.bodyItem .moneyItem {
    box-sizing: border-box;
    width: 50%;
    margin-right: 10px;
    position: relative
}

.bodyItem .gameMoney,.bodyItem .usdtMoney {
    flex: 1;
    font-size: 12px;
    text-align: center
}

.bodyItem .gameMoney p,.bodyItem .usdtMoney p {
    color: #fff;
    font-size: 34px;
    color: #21e06b;
    font-weight: 500;
    padding: 2px
}

.bodyItem .gameMoney .titleP,.bodyItem .usdtMoney .titleP {
    color: #e9cfa4;
    font-size: 16px;
    margin-bottom: 17px;
    margin-top: 10px
}

.bodyItem .moneyItem:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 70px;
    right: 0;
    background-color: #7486c4
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover {
    background: #90a2dc!important
}

.labelColorCommon,.selectList .selectItem span {
    color: #90a2dc!important
}

.heightCommon {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center
}

.fontColor,.myPurse {
    color: #d4dbdb;
    font-size: 12px
}

.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    width: 100%
}

.mdFontSize {
    font-size: 14px
}

.mainColor {
    font-family: Microsoft YaHei;
    color: #9fa1a3
}

.mainBackgroundColor {
    background-color: #282c31!important
}

.myPurse {
    margin-bottom: 20px
}

 .bodyTitle {
    font-size: 14px!important;
    color: #e9cfa4!important
}

.bodyItem {
    display: flex;
    min-height: 65px;
    flex-basis: 10px;
    padding: 12px 42px
}

.bodyItem .realPerson {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap
}

.bodyItem .realPerson .realPersonItem {
    width: 160px;
    height: 71px;
    background: #35416d;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 12px;
    margin: 12px 23px;
    display: flex;
    justify-items: center;
    flex-direction: column
}

.bodyItem .realPerson .realPersonItem .name {
    justify-content: space-between;
    display: flex;
    height: 35px
}

.bodyItem .realPerson .realPersonItem .name span {
    color: #90a2dc;
    font-size: 14px
}

.bodyItem .realPerson .realPersonItem .name .icon-icon_refresh_gold_12 {
    font-size: 15px;
    cursor: pointer;
    color: #a7bcff
}

.bodyItem .realPerson .realPersonItem .moneyP {
    font-size: 16px;
    color: #fff
}

.bodyItem .realPerson .realPersonItem:last-child:nth-child(4n-1) {
    margin-right: 25%
}

.bodyItem .realPerson .realPersonItem:last-child:nth-child(4n-2) {
    margin-right: 50%
}

.selectList {
    padding-right: 20px
}

.selectList .el-input__inner {
    width: 240px;
    height: 40px;
    background: #1b233d;
    border-radius: 4px;
    border: 1px solid #1b233d;
    color: #fff;
    font-size: 14px
}

.selectList .el-input__inner:hover {
    border-color: #1f61b2!important;
    border: 1px solid
}

.selectList .selectItem {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px
}

.selectList .selectItem span {
    margin-right: 30px;
    text-align: right;
    font-size: 14px;
    width: 100px
}

.selectList .selectItem .el-input {
    width: 240px;
    height: 40px;
    background: #1b233d;
    border-radius: 4px;
    border: 1px solid #1b233d
}

.fastMoneyWrap {
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex: 1
}

.fastMoneyWrap .fastleft {
    font-size: 14px;
    color: #90a2dc;
    width: 120px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 24px;
    padding-left: 25px;
    line-height: 16px
}

.fastMoneyWrap .fastRight {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.fastMoneyWrap .fastRight .fastItem {
    width: 72px;
    height: 32px;
    background: #35416d;
    color: #fff;
    border-radius: 4px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    border: 0
}

.fastMoneyWrap .el-button:hover,.fastMoneyWrap .el-button:focus {
    border-color: #1f61b2!important;
    border: 1px solid
}

.fastMoneyWrap .el-button:focus {
    background-color: #1f61b2;
    color: #fff
}

.fastMoneyWrap .el-button+.el-button {
    margin-left: 0
}

.quotaConversionBtn {
    padding: 20px 0;
    margin-left: 130px
}

.quotaConversionBtn .el-button--primary {
    width: 240px;
    height: 40px;
    border-radius: 4px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor, .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.el-table--group:after,.el-table:before,.el-table__expanded-cell,.el-table th,.el-table tr,.pagination,.tableBgcommon,.tableData, .el-table, .el-table--border:after {
    color: #fff;
    font-size: 14px
}
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
    border-bottom: 1px solid #444e71;
}
.backgroundColorHover {
    background: #90a2dc!important
}

.labelColorCommon {
    color: #90a2dc!important
}

.heightCommon {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

.el-table--group:after,.el-table:before,.el-table__expanded-cell,.el-table th,.el-table tr,.pagination,.tableBgcommon,.tableData, .el-table, .el-table--border:after {
    background-color: #293356!important
}

.fontColor,.rechargeRecordTable {
    color: #d4dbdb;
    font-size: 12px
}

.smFontSize {
    font-size: 12px
}

.mdFontSize {
    font-size: 14px
}

 .el-table th>.cell {
    text-align: center!important
}

 .el-table th .cell {
    font-size: 13px;
    font-weight: 700
}

.el-table th.is-leaf, .el-table td {
    border-bottom: none
}

 .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: unset
}

 .el-table__row td {
    border-bottom: 1px solid #495994
}

 .el-table__row:hover {
    background: 0 0
}

 .el-table th.is-leaf {
    border-bottom: none
}

.pagination {
    text-align: right;
    padding: 30px 20px 30px 0
}

.noData {
    color: #909399;
    font-size: 14px
}

 .el-table__empty-text {
    position: absolute;
    top: 44px
}

.success {
    color: #21e06b
}

.failure {
    color: #f93e3e
}

.processing {
    color: #afb0b2
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor,.submitButton, .el-button--info, .el-input__inner, .el-range-editor--mini .el-range-input, .el-table th {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover,.el-button:hover, .el-button--info.active, .el-button--info:hover {
    background: #90a2dc!important
}

.label,.labelColorCommon {
    color: #90a2dc!important
}

.heightCommon {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

.transactionRecord, .el-button--info span {
    color: #fff;
    font-size: 14px
}

.fontColor, .el-input__inner {
    color: #fff
}

.btnBorderColor, .el-button-group .el-button--info:first-child, .el-button-group .el-button--info:last-child, .el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: #3c3f43;
    border-right-color: #3c3f43
}

.borderColor {
    border-color: #3c3f43
}

 .el-input__inner {
    border-radius: 4px;
    border: none;
    width: 260px;
    border: 1px solid;
    border-color: #3a3d42;
    height: 40px
}

.selectItem>div:first-child {
    width: 260px!important
}

 .el-form-item__label {
    text-align: right;
    width: 100px;
    height: 40px!important;
    line-height: 40px!important
}

.label {
    width: 100px;
    text-align: right;
    padding-right: 16px
}

 .el-range__icon {
    position: absolute;
    right: 0;
    top: 2px;
    color: #fff!important
}

 .el-range-editor--mini .el-range-input {
    color: #fff;
    font-size: 14px
}

 .el-range__close-icon {
    position: absolute;
    right: 22px;
    top: 2px
}

.el-range-editor--mini .el-range-separator {
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.btnGroup {
    margin-left: 20px
}
.btnGroup .el-radio-button__inner{
	width: auto;
    border-color: #3c3f43;
    height: 40px;
	line-height:40px;
    padding: 0 8px
}

 .el-button--info {
    min-width: 70px;
    border-color: #3c3f43;
    height: 40px;
    padding: 0 4px
}

 .el-button--info.active {
    border-color: #3c3f43
}

 .el-button--info.active span {
    color: #fff
}

 .el-button--info:hover {
    border-color: #3c3f43
}

.submitButton {
    width: 96px;
    height: 40px;
    border: none;
    color: #fff;
    font-size: 14px
}

.el-button:hover {
    color: #fff
}

.inquire {
    margin-left: 20px;
    margin-right: 10px
}

 .el-picker-panel__icon-btn {
    color: #606266!important
}

 .bodyTitle {
    font-size: 14px!important
}

 .bodyTitle span {
    color: #e9cfa4
}

 .el-range-editor--mini.el-input__inner {
    height: 40px
}

 .el-input--mini .el-input__inner {
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

 .el-table th .cell {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    color: #fff!important
}

.vnDialog.el-dialog .el-dialog__header[data-v-960ae562] {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title[data-v-960ae562] {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-960ae562] {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-960ae562]:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body[data-v-960ae562] {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer[data-v-960ae562] {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button[data-v-960ae562] {
    width: 100%
}

.vnForm.el-form .el-form-item__label[data-v-960ae562] {
    color: #fff
}

.vnForm.el-form .el-form-item input[data-v-960ae562] {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input[data-v-960ae562] {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input[data-v-960ae562] {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input[data-v-960ae562] {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

[data-v-960ae562]::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

[data-v-960ae562]::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

[data-v-960ae562]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog[data-v-960ae562],.cancel-order-dialog .el-dialog[data-v-960ae562],.cancel-order-success-dialog .el-dialog[data-v-960ae562],.descriptionDialog .el-dialog[data-v-960ae562],.featuresDialog .el-dialog[data-v-960ae562],.order-detail-dialog .el-dialog[data-v-960ae562] {
    border-radius: 8px
}

.announce-dialog .el-dialog__header[data-v-960ae562],.cancel-order-dialog .el-dialog__header[data-v-960ae562],.cancel-order-success-dialog .el-dialog__header[data-v-960ae562],.descriptionDialog .el-dialog__header[data-v-960ae562],.featuresDialog .el-dialog__header[data-v-960ae562],.order-detail-dialog .el-dialog__header[data-v-960ae562] {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title[data-v-960ae562],.cancel-order-dialog .el-dialog__title[data-v-960ae562],.cancel-order-success-dialog .el-dialog__title[data-v-960ae562],.descriptionDialog .el-dialog__title[data-v-960ae562],.featuresDialog .el-dialog__title[data-v-960ae562],.order-detail-dialog .el-dialog__title[data-v-960ae562] {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn[data-v-960ae562],.cancel-order-dialog .el-dialog__headerbtn[data-v-960ae562],.cancel-order-success-dialog .el-dialog__headerbtn[data-v-960ae562],.descriptionDialog .el-dialog__headerbtn[data-v-960ae562],.featuresDialog .el-dialog__headerbtn[data-v-960ae562],.order-detail-dialog .el-dialog__headerbtn[data-v-960ae562] {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close[data-v-960ae562],.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close[data-v-960ae562],.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close[data-v-960ae562],.descriptionDialog .el-dialog__headerbtn .el-dialog__close[data-v-960ae562],.featuresDialog .el-dialog__headerbtn .el-dialog__close[data-v-960ae562],.order-detail-dialog .el-dialog__headerbtn .el-dialog__close[data-v-960ae562] {
    color: #fff
}

.announce-dialog .el-dialog__body[data-v-960ae562],.cancel-order-dialog .el-dialog__body[data-v-960ae562],.cancel-order-success-dialog .el-dialog__body[data-v-960ae562],.descriptionDialog .el-dialog__body[data-v-960ae562],.featuresDialog .el-dialog__body[data-v-960ae562],.order-detail-dialog .el-dialog__body[data-v-960ae562] {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns[data-v-960ae562],.cancel-order-dialog .panel-btns[data-v-960ae562],.cancel-order-success-dialog .panel-btns[data-v-960ae562],.descriptionDialog .panel-btns[data-v-960ae562],.featuresDialog .panel-btns[data-v-960ae562],.order-detail-dialog .panel-btns[data-v-960ae562] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div[data-v-960ae562],.cancel-order-dialog .panel-btns div[data-v-960ae562],.cancel-order-success-dialog .panel-btns div[data-v-960ae562],.descriptionDialog .panel-btns div[data-v-960ae562],.featuresDialog .panel-btns div[data-v-960ae562],.order-detail-dialog .panel-btns div[data-v-960ae562] {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn[data-v-960ae562],.cancel-order-dialog .panel-btns .cancel-btn[data-v-960ae562],.cancel-order-success-dialog .panel-btns .cancel-btn[data-v-960ae562],.descriptionDialog .panel-btns .cancel-btn[data-v-960ae562],.featuresDialog .panel-btns .cancel-btn[data-v-960ae562],.order-detail-dialog .panel-btns .cancel-btn[data-v-960ae562] {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn[data-v-960ae562],.cancel-order-dialog .panel-btns .save-btn[data-v-960ae562],.cancel-order-success-dialog .panel-btns .save-btn[data-v-960ae562],.descriptionDialog .panel-btns .save-btn[data-v-960ae562],.featuresDialog .panel-btns .save-btn[data-v-960ae562],.order-detail-dialog .panel-btns .save-btn[data-v-960ae562] {
    background-color: #1f61b2
}

.backgroundColor[data-v-960ae562],[data-v-960ae562] .el-table--striped .el-table__body tr.el-table__row--striped td,[data-v-960ae562] .el-table__header,[data-v-960ae562] .el-table th {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.tableBgcommon[data-v-960ae562] {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover[data-v-960ae562] {
    background: #90a2dc!important
}

.labelColorCommon[data-v-960ae562] {
    color: #90a2dc!important
}

.heightCommon[data-v-960ae562] {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon[data-v-960ae562] {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon[data-v-960ae562] {
    border-bottom: 1px solid #495994
}

.fontColorCommon[data-v-960ae562] {
    color: #fff;
    font-size: 14px
}

.dflex[data-v-960ae562] {
    display: flex
}

.fontColor[data-v-960ae562],.rechargeRecordTable[data-v-960ae562] {
    color: #d4dbdb;
    font-size: 12px
}

.smFontSize[data-v-960ae562] {
    font-size: 12px
}

.mdFontSize[data-v-960ae562] {
    font-size: 14px
}

.tableData[data-v-960ae562] {
    background-color: #34393f
}

[data-v-960ae562] .el-table th>.cell {
    text-align: center!important
}

[data-v-960ae562] .el-table__header {
    height: 45px
}

.el-table__expanded-cell[data-v-960ae562],.el-table th[data-v-960ae562],.el-table tr[data-v-960ae562],[data-v-960ae562] .el-table {
    background-color: #34393f
}

[data-v-960ae562] .el-table th .cell {
    font-size: 13px;
    font-weight: 700;
    color: #d4dbdb
}

.el-table--group[data-v-960ae562]:after,.el-table[data-v-960ae562]:before,[data-v-960ae562] .el-table--border:after {
    background-color: #34393f
}

.el-table th.is-leaf[data-v-960ae562],[data-v-960ae562] .el-table td {
    border-bottom: none
}

[data-v-960ae562] .el-table__row:hover {
    background: 0 0
}

[data-v-960ae562] .el-table th.is-leaf {
    border-bottom: none
}

.pagination[data-v-960ae562] {
    text-align: right;
    padding: 66px 20px 42px 0;
    background-color: #2f3239
}

[data-v-960ae562] .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #14171d!important
}

.noData[data-v-960ae562] {
    color: #909399;
    font-size: 22px
}

.noDataImg[data-v-960ae562] {
    width: 100px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor,.bankDialog .el-dialog .el-dialog__header,.bankListDiv,.bankRechargeBody .copyItems .copyItem .copyBtn,.bankRechargeBody .copyItems .copyItem,.formInput .el-input__inner,.tags .tagsDiv span.active {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.bankDialog .el-dialog .el-dialog__body,.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover {
    background: #90a2dc!important
}

.label,.labelColorCommon {
    color: #90a2dc!important
}

.formInput .el-input__inner,.heightCommon,.tags .tagsDiv span.active {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon,.titleTab {
    border-bottom: 1px solid #495994
}

.fontColorCommon,.titleTab {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

.activeBoderColor, .el-input__inner:focus {
    border-color: #e9cfa4!important
}

.bankRechargeBody .copyItems .copyItem .copyBtn,.bankRechargeBody p,.fontColor,.recharge {
    color: #d4dbdb;
    font-size: 12px
}

.recharge {
    margin-bottom: 20px
}

.titleTab {
    cursor: pointer;
    margin-bottom: 20px
}

.titleTab div {
    height: 48px;
    line-height: 48px;
    margin-right: 52px;
    display: inline-block;
    position: relative;
    cursor: pointer
}

.titleTab .active {
    color: #e9cfa4
}

.titleTab .active:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e9cfa4
}

.backTab {
    cursor: pointer
}

.backTab .bankRechargeSpan {
    font-size: 13px;
    margin-left: 10px
}

.label {
    display: inline-block;
    text-align: center
}

.promptItem {
    color: #fff;
    margin: 20px 0;
    font-size: 14px;
    line-height: 20px
}

.bankListDiv {
    display: flex;
    justify-items: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px;
    border: 1px solid;
    border-color: #3c3f43;
    min-height: 118px;
    padding: 26px 18px
}

.bankListDiv .bankWrap {
    width: 125px;
    cursor: pointer;
    border-radius: 4px;
    margin: 0 10px 20px;
    box-shadow: 0 2px 6px 0 rgba(27,35,61,.15);
    background-image: linear-gradient(135deg,#3450a9,#22315d)
}

.bankListDiv .bankWrap .imgDiv {
    padding: 8px 8px 0
}

.bankListDiv .bankWrap .imgDiv .imgDivBg {
    padding: 4px;
    background: #fff
}

.bankListDiv .bankWrap .imgDiv .imgDivBg img {
    width: 100px;
    height: 29px;
    display: block
}

.bankListDiv .bankWrap p {
    text-align: center;
    height: 28px;
    line-height: 28px;
    width: 100%;
    padding: 0 2px;
    font-size: 12px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bankListDiv .activeDiv {
    background-image: linear-gradient(-44deg,#4e65ff,#6d49ff)
}

.formInput {
    width: 240px;
    display: inline-block;
    border-radius: 4px
}

.formInput .el-input__inner {
    border-radius: 2px;
    border: none;
    border: 1px solid #acacac
}

 .el-input__inner:focus {
    outline: 0
}

.prompt {
    color: #909399;
    font-size: 13px;
    display: flex
}

.prompt i {
    margin-right: 5px;
    color: #f56c6c
}

.payNowDiv0 {
    margin-top: 20px
}

.payNowDiv0 .el-button {
    width: 240px;
    height: 40px;
    background-image: linear-gradient(135deg,#7146ff,#4a69ff);
    border-radius: 4px
}

.payNowDiv {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.payNowDiv button {
    width: 320px;
    height: 45px;
    background-image: linear-gradient(135deg,#7146ff,#4a69ff);
    border: none;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 0
}

.bankRechargeBody .codeTip1 {
    color: #f93e3e;
    line-height: 1.2;
    text-align: left;
    font-size: 15px
}

.bankRechargeBody .copyItems {
    flex: 1;
    display: flex;
    justify-content: center
}

.bankRechargeBody .copyItems .copyItem {
    width: 100%;
    min-height: 104px;
    border: 1px solid;
    border-color: #3c3f43;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 4px
}

.bankRechargeBody .copyItems .copyItem .ammout {
    font-weight: 700;
    color: #d4dbdb
}

.bankRechargeBody .copyItems .copyItem .ammout span {
    color: #afb0b2;
    display: inline-block;
    text-align: left;
    font-size: 14px
}

.bankRechargeBody .copyItems .copyItem .ammout span:first-child {
    min-width: 118px
}

.bankRechargeBody .copyItems .copyItem .copyBtn {
    display: inline-block;
    margin-left: 30px;
    border: 1px solid;
    border-color: #3c3f43
}

.bankRechargeBody .copyItems .copyItem .item {
    display: flex;
    align-items: center;
    padding: 4px 0
}

.bankRechargeBody .copyItems .payMerchant {
    width: 100%;
    border: none
}

.bankRechargeBody .copyItems .fastleft {
    font-size: 14px;
    color: #afb0b2;
    width: 100px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 36px;
    padding-top: 28px;
    line-height: 20px;
    text-align: -webkit-auto
}

.bankRechargeBody .qrCodeImg {
    text-align: center
}

.bankRechargeBody .qrCodeImg img {
    width: 140px
}

.dispalyNone {
    display: none
}

.label120 {
    width: 120px
}

.tal {
    text-align: left
}

.tags .tagsDiv {
    display: flex;
    flex-wrap: wrap
}

.tags .tagsDiv span {
    background: #35416d;
    margin-bottom: 10px;
    min-width: 160px;
    height: 40px;
    display: inline-block;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    border: 1px solid;
    border-color: #3c3f43;
    border-bottom: none;
    cursor: pointer;
    font-size: 12px
}

.tags .tagsDiv span.active {
    border: 1px solid #e9cfa4;
    font-size: 12px
}

.dialogBody .el-form-item {
    margin-bottom: 20px
}

.dialogBody .el-form-item__error {
    margin-top: 3px
}

.dialogBody .qrCode {
    margin-bottom: 20px;
    text-align: center
}

.dialogBody .qrCode img {
    width: 200px
}

.selectItem {
    text-align: center;
    display: flex;
}

.selectItem .datetime {
    min-width: 400px;
    display: flex
}

.selectItem .datetime .label {
    flex: 1;
    text-align: left
}

.selectItem .datetime .datePicker {
    flex: 3;
    text-align: left
}

 .el-picker-panel__icon-btn {
    color: #606266!important
}

.bankDialog .el-dialog {
    width: 700px;
    color: #fff;
    border-radius: 8px;
    overflow: hidden
}

.bankDialog .el-dialog .el-dialog__header {
    padding: 15px 0 15px 24px
}

.bankDialog .el-dialog .el-dialog__header .el-dialog__headerbtn {
    font-size: 24px;
    top: 14px
}

.bankDialog .el-dialog .el-dialog__header .el-dialog__title {
    color: #fff
}

.bankDialog .el-dialog .el-dialog__body {
    padding-top: 0;
    padding-bottom: 20px
}

.bankDialog .el-dialog .el-dialog__body .leftTitle {
    padding: 22px 0
}

.bankDialog .el-dialog .el-dialog__body .wrapBg {
    padding: 22px;
    background: #35416d;
    display: flex;
    flex-direction: column;
    border-radius: 4px
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .bankImgWrap {
    width: 120px;
    text-align: center;
    background-image: linear-gradient(-44deg,#4e65ff,#6d49ff);
    box-shadow: 0 2px 6px 0 rgba(27,35,61,.15);
    border-radius: 4px;
    min-width: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 8px
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .bankImgWrap .imgDiv {
    padding: 4px;
    background-color: #fff
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .bankImgWrap .imgDiv img {
    width: 100%;
    height: 30px;
    display: block
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .bankImgWrap p {
    padding: 8px 0 2px
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .bankBox {
    display: flex;
    align-items: center;
    min-height: 32px;
    line-height: 32px
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .bankBox span {
    width: 180px;
    color: #90a2dc;
    text-align: right;
    margin-right: 40px
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .bankBox p {
    min-width: 320px;
    font-size: 16px;
    color: #fff
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .bankBox div {
    color: #e9cfa4;
    cursor: pointer
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .bankBox .el-input {
    width: 240px;
    height: 40px;
    background: #1b233d;
    border-radius: 4px
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .codeTip {
    color: #f93e3e;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    word-break: break-word;
    line-height: 18px
}

.bankDialog .el-dialog .el-dialog__body .wrapBg .mt10 {
    margin-top: 10px
}

.bankDialog .el-dialog .el-dialog__body .buttonBox {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.bankDialog .el-dialog .el-dialog__body .buttonBox .cancel {
    width: 184px;
    height: 40px;
    background: #90a2dc!important;
    border-radius: 4px;
    margin-right: 30px
}

.bankDialog .el-dialog .el-dialog__body .buttonBox .completed {
    width: 271px;
    height: 40px;
    border-radius: 4px
}

.fastMoneyWrap {
    margin-top: 20px;
    display: flex;
    flex: 1
}

.fastMoneyWrap .fastleft {
    font-size: 14px;
    color: #90a2dc;
    width: 110px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 10px;
    padding-top: 28px;
    line-height: 20px
}
.purse-cardBody .el-form-item__label{
	color: #90a2dc;
}
.purse-cardBody .el-input{
	width: 240px;
}

.fastMoneyWrap .fastRight {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.fastMoneyWrap .fastRight .fastItem {
	padding: 0;
    width: 66px;
    height: 32px;
    background: #35416d;
    color: #fff;
    border-radius: 4px;
    margin-right: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    border: 0
}

.fastMoneyWrap .el-button:hover,.fastMoneyWrap .el-button:focus {
    border-color: #1f61b2!important;
    border: 1px solid
}

.fastMoneyWrap .el-button:focus {
    background-color: #1f61b2;
    color: #fff
}

.fastMoneyWrap .el-button+.el-button {
    margin-left: 0
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff!!important;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor,.mobileInput .el-input__inner,.withdrawal .ammontInput .el-input__inner {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover {
    background: #90a2dc!important
}

.labelColorCommon,.withdrawal .label,.withdrawal .withdrawalScope {
    color: #90a2dc!important
}

.heightCommon,.withdrawal .label,.withdrawal .el-input__suffix {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon,.ruleFormInput .el-input__inner {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

 .el-button--primary span {
    white-space: normal
}

.withdrawal {
    padding-bottom: 30px
}

.withdrawal .el-input--suffix {
    width: 240px;
    position: relative
}

.withdrawal .label {
    display: inline-block;
    text-align: center;
    text-align: right
}

.withdrawal .el-input__suffix {
    cursor: pointer;
    padding-right: 6px
}

.withdrawal .el-input__clear {
    position: absolute;
    top: 2px;
    left: -26px
}

.withdrawal .ammontInput .el-input__inner {
    width: 240px;
    height: 40px;
    border-radius: 2px;
    border: none;
    border: 1px solid;
    display: inline-block;
    border-color: #3a3d42;
    padding-right: 74px
}

.withdrawal .withdrawalBtn {
    margin-left: 145px;
    width: 240px
}

.withdrawal .el-form-item {
    margin-bottom: 24px
}

.withdrawal .withdrawalScope {
    display: inline-block;
    margin-left: 20px
}

 .el-form-item--mini .el-form-item__label {
    line-height: 34px
}

 .el-button--primary {
    box-sizing: border-box;
    background-color: #1f61b2;
    border: none
}

.prompt {
    margin-top: 20px;
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

.transactionPwdBody .el-form-item {
    margin-bottom: 20px
}

.transactionPwdBody .el-form-item__error {
    margin-top: 2px
}

.transactionPwdBody .el-form-item__label {
    font-size: 14px;
    color: #1b233d
}

.dialogBody .el-form-item {
    margin-bottom: 20px
}

.dialogBody .el-form-item__error {
    margin-top: 3px
}

.mobileInput .el-input__inner {
    height: 44px;
    border: 1px solid;
    border-color: #3c3f43!important;
    border-radius: 2px
}

.mobileInput .el-input__suffix {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.mobileInput .el-input__inner:focus {
    background-color: #fef0f0!important;
    border: 1px solid;
    border-color: #f56c6c!important;
    border-radius: 2px
}

.mobileInput .el-input__inner:focus .second {
    color: #333
}

.mobileInput .cursorP {
    cursor: pointer
}

.mobileInput input::-webkit-input-placeholder {
    color: #afb0b2
}

.mobileInput input:-moz-placeholder,.mobileInput input::-moz-placeholder,.mobileInput textarea:-moz-placeholder,.mobileInput textarea::-moz-placeholder {
    color: #afb0b2
}

.mobileInput input:-ms-input-placeholder,.mobileInput textarea:-ms-input-placeholder {
    color: #afb0b2
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff!important;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor,.bettingRecord .main .tableWrap.el-table tr th,.bettingRecord .main .el-table,.bettingRecord .submitButton,.bettingRecord .timeBtn,.bettingRecord .topWrap .elTabs,.bettingRecord .detailDialog .el-dialog__header,.bettingRecord .el-input__inner,.bettingRecord .el-range-input {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.bettingRecord .main .el-table__body-wrapper,.bettingRecord .main .el-table__row,.bettingRecord .pagination,.bettingRecord .topWrap .topBox,.bettingRecord .topWrap .elTabs .is-active,.bettingRecord .detailDialog .el-dialog,.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover,.bettingRecord .active,.bettingRecord .el-button:hover,.bettingRecord .el-pager li.active {
    background: #90a2dc!important
}

.bettingRecord .label,.bettingRecord .main .clickable,.bettingRecord .detailDialog .el-dialog__headerbtn i:hover,.labelColorCommon {
    color: #90a2dc!important
}

.bettingRecord .label,.bettingRecord .submitButton,.bettingRecord .timeBtn,.bettingRecord .el-input__inner,.bettingRecord .el-range-separator,.heightCommon {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

.bettingRecord {
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px
}

.bettingRecord .topWrap {
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden
}

.bettingRecord .topWrap .elTabs {
    height: 50px;
    line-height: 50px
}

.bettingRecord .topWrap .elTabs .el-tabs__header {
    height: 100%;
    border: 0;
    overflow: hidden;
    color: #fff;
    margin: 0
}

.bettingRecord .topWrap .elTabs .el-tabs__nav-scroll,.bettingRecord .topWrap .elTabs .el-tabs__nav-wrap,.bettingRecord .topWrap .elTabs .is-top {
    height: 50px;
    line-height: 50px
}

.bettingRecord .topWrap .elTabs .el-tabs__active-bar,.bettingRecord .topWrap .elTabs .el-tabs__nav-wrap:after {
    height: 0
}

.bettingRecord .topWrap .elTabs .el-tabs__nav {
    display: flex
}

.bettingRecord .topWrap .elTabs .el-tabs__item {
    padding: 0 20px;
    height: 50px
}

.bettingRecord .topWrap .topBox {
    padding: 20px 20px 0;
    height: 174px
}

.bettingRecord .topWrap .topBox .middle {
    display: flex;
    padding-top: 20px
}

.bettingRecord .topWrap .topBox .middle span {
    line-height: 34px;
    margin-right: 2px
}

.bettingRecord .topWrap .topBox .middle .timeGroup {
    margin: 0 20px
}

.bettingRecord .main {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden
}

.bettingRecord .main .tableWrap .ellipsisP {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: unset
}

.bettingRecord .main .tableWrap .number {
    display: flex;
    justify-content: space-around;
    padding-right: 24px
}

.bettingRecord .main .tableWrap .number span {
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 2px 5px 0 rgba(98,54,255,.25);
    border: 1px solid #fff;
    box-sizing: border-box
}

.bettingRecord .main .tableWrap.keno .ball-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 16px
}

.bettingRecord .main .tableWrap.keno .ball-list .ball {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 1px 3px 0 rgba(98,54,255,.25);
    margin: 3px
}

.bettingRecord .main .tableWrap.keno .tie {
    margin: auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-image: linear-gradient(136deg,#7146ff,#4a69ff);
    box-shadow: 0 2px 5px 0 rgba(98,54,255,.25);
    border-radius: 4px
}

.bettingRecord .main .tableWrap.keno .bigness,.bettingRecord .main .tableWrap.keno .five-ele,.bettingRecord .main .tableWrap.keno .odd-even,.bettingRecord .main .tableWrap.keno .up-middle-down {
    margin: auto;
    width: 60px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    font-size: 14px
}

.bettingRecord .main .tableWrap.keno .big,.bettingRecord .main .tableWrap.keno .fire,.bettingRecord .main .tableWrap.keno .odd,.bettingRecord .main .tableWrap.keno .up {
    border: 1px solid #f94168;
    color: #f94168
}

.bettingRecord .main .tableWrap.keno .down,.bettingRecord .main .tableWrap.keno .even,.bettingRecord .main .tableWrap.keno .small,.bettingRecord .main .tableWrap.keno .water {
    border: 1px solid #26a1ff;
    color: #26a1ff
}

.bettingRecord .main .tableWrap.keno .middle {
    border: 1px solid #c0c4cc;
    color: #c0c4cc
}

.bettingRecord .main .tableWrap.keno .gold {
    border: 1px solid #fb0;
    color: #fb0
}

.bettingRecord .main .tableWrap.keno .wood {
    border: 1px solid #6dd400;
    color: #6dd400
}

.bettingRecord .main .tableWrap.keno .earth {
    border: 1px solid #ca8c10;
    color: #ca8c10
}

.bettingRecord .main .cell {
    text-align: center;
    font-weight: 700
}

.bettingRecord .main .el-table td {
    border-bottom: 1px solid #495994
}

.bettingRecord .main .el-table--border:after,.bettingRecord .main .el-table--group:after,.bettingRecord .main .el-table:before {
    width: 0
}

.bettingRecord .main .el-table--border,.bettingRecord .main .el-table--group,.bettingRecord .main .is-leaf {
    border: 0
}

.bettingRecord .main .el-table__body-wrapper {
    height: 453px!important
}

.bettingRecord .main .el-table__body-wrapper .cell,.bettingRecord .main .el-table__row .cell {
    font-weight: 400
}

.bettingRecord .main .el-table tbody tr:hover>td {
    background-color: transparent
}

.bettingRecord .main .clickable {
    cursor: pointer;
    font-weight: 700
}

.bettingRecord .el-input__inner {
    border-radius: 4px;
    width: 244px;
    border: 1px solid #1b233d
}

.bettingRecord .el-date-editor:hover,.bettingRecord .el-range-input:hover {
    border-color: #c0c4cc;
    cursor: pointer
}

.bettingRecord .el-range__icon {
    position: absolute;
    right: 0;
    top: 1px;
    color: #fff
}

.bettingRecord .el-range__close-icon {
    position: absolute;
    right: 20px;
    top: 2px
}

.bettingRecord .el-button-group {
    margin-left: 20px
}

.bettingRecord .timeBtn {
    min-width: 70px;
    padding: 0 4px;
    border: 1px solid #1b233d
}

.bettingRecord .submitButton {
    margin-left: 20px;
    width: 96px;
    padding: 0;
    border: 0;
    border-radius: 4px
}

.bettingRecord .noData {
    color: #909399
}

.bettingRecord .el-table__empty-text {
    position: absolute;
    top: 44px
}

.bettingRecord .mr20 {
    margin-right: 20px
}

.bettingRecord .flex {
    display: flex
}

.bettingRecord .detailDialog .dbH {
    height: 64px;
    line-height: 64px
}

.bettingRecord .detailDialog .port1 {
    width: 100%
}

.bettingRecord .detailDialog .lottoOpenNumberList li {
    display: flex;
    align-items: center;
    text-align: center
}

.bettingRecord .detailDialog .lottoOpenNumberList li.bg1,.bettingRecord .detailDialog .lottoOpenNumberList li.bg2 {
    background-color: #293356
}

.bettingRecord .detailDialog .lottoOpenNumberList li>div {
    height: 32px;
    line-height: 32px;
    border-right: 1px solid rgba(144,162,220,.4);
    border-bottom: 1px solid rgba(144,162,220,.4);
    color: hsla(0,0%,100%,.6);
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

.bettingRecord .detailDialog .lottoOpenNumberList li>div:last-of-type {
    border-right: 0
}

.bettingRecord .detailDialog .lottoOpenNumberList li>div.bd1 {
    border-left: 1px solid rgba(144,162,220,.4)
}

.bettingRecord .detailDialog .lottoOpenNumberList li .przeName {
    width: 122px
}

.bettingRecord .detailDialog .lottoOpenNumberList li .openNum {
    flex: 1
}

.bettingRecord .detailDialog .lottoOpenNumberList li .index {
    width: 40px
}

.bettingRecord .detailDialog .lottoOpenNumberList li .issue {
    width: 138px
}

.bettingRecord .detailDialog .lottoOpenNumberList li .issue i {
    margin-left: -20px
}

.bettingRecord .detailDialog .lottoOpenNumberList li .issue.active {
    background-color: #90a2dc;
    font-weight: 700;
    color: #fff
}

.bettingRecord .detailDialog .lottoOpenNumberList li .calcNum {
    width: 190px
}

.bettingRecord .detailDialog .lottoOpenNumberList li .calcNum:hover {
    background-color: #90a2dc;
    font-weight: 700;
    color: #fff
}

.bettingRecord .detailDialog .lottoOpenNumberList li .dbH {
    height: 30px;
    line-height: 30px
}

.bettingRecord .detailDialog .port1 li:first-child div {
    border-top: 1px solid rgba(144,162,220,.4)
}

.bettingRecord .detailDialog .port1 li div:first-child {
    border-left: 1px solid rgba(144,162,220,.4)
}

.bettingRecord .detailDialog .port2 li:first-child div {
    border-top: 1px solid rgba(144,162,220,.4)
}

.bettingRecord .detailDialog .port2 li div:last-child {
    border-right: 1px solid rgba(144,162,220,.4)
}

.bettingRecord .detailDialog .el-dialog {
    min-width: 726px;
    border-radius: 8px
}

.bettingRecord .detailDialog .el-dialog__header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0;
    height: 56px;
    line-height: 56px;
    padding-left: 24px;
    font-weight: 700;
    font-size: 16px
}

.bettingRecord .detailDialog .el-dialog__header .el-dialog__title {
    color: #fff
}

.bettingRecord .detailDialog .el-dialog__body {
    padding: 24px;
    padding-top: 0;
    overflow: hidden
}

.bettingRecord .detailDialog .el-dialog__body .bodyTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0
}

.bettingRecord .detailDialog .el-dialog__body .bodyTop p {
    height: 20px;
    line-height: 20px;
    color: #fff
}

.bettingRecord .detailDialog .el-dialog__headerbtn {
    right: 14px;
    top: 14px;
    font-size: 26px
}

.bettingRecord .pagination {
    text-align: right;
    padding: 30px 20px 30px 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 20px
}

.bettingRecord .label {
    width: 88px;
    text-align: right;
    padding-right: 16px
}

.bettingRecord .w100 {
    width: 100%!important
}

.bettingRecord .red {
    color: #f93e3e
}

.bettingRecord .green {
    color: #5cae50
}

.bettingRecord .ellipsisP {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor,.payList .title {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover {
    background: #90a2dc!important
}

.labelColorCommon {
    color: #90a2dc!important
}

.heightCommon {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

.user {
    padding-top: 24px
}

.activeColor,.leftMenu .active,.leftMenu .menuItem:hover,.leftMenu .signOutItem:hover span {
    color: #e9cfa4!important
}

.smFontSize {
    font-size: 12px
}

.leftMenu .menuItem,.mdFontSize {
    font-size: 14px
}

.flexCenter,.leftMenu .menuItem,.payList .item,.payList .title {
    align-items: center;
    display: flex
}

.ellipsis,.leftMenu .payCard .userInfoBox .info .userName,.payList .item p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    width: 100%
}

.avtiveColor,.mainColor {
    font-family: Microsoft YaHei;
    color: #9fa1a3
}

.user {
    display: flex;
    justify-content: center;
    background-color: #35416d!important;
    flex-basis: 20px
}

.leftMenu {
    width: 213px
}

.leftMenu .payCard .userInfoBox {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    align-items: center;
    padding: 16px;
    background-image: linear-gradient(134deg,#7146ff,#4a69ff);
    height: 90px
}

.leftMenu .payCard .userInfoBox .info {
    padding-left: 9px
}

.leftMenu .payCard .userInfoBox .info .userName {
    color: #fff;
    display: inline-block;
    width: 142px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 4px;
    font-weight: 500
}

.leftMenu .payCard .userInfoBox .info .jionDay {
    height: 30px;
    color: #fff;
    width: 100%;
    color: #e9cfa4;
    font-size: 12px;
    word-wrap: break-word
}

.leftMenu .payCard .userInfoBox .avatar {
	width: 48px;
	height: 48px;
	border-radius: 50px;
    flex: 68
}

.leftMenu .payCard .payInfo {
    display: flex;
    justify-content: space-between;
    flex-basis: 20px;
    width: 182px;
    margin-top: 16px
}

.leftMenu .payCard .payInfo div {
    width: 84px;
    height: 32px;
    line-height: 32px;
    background: #273569;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,.3);
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    color: #e9cfa4;
    cursor: pointer
}

.leftMenu .payCard .userMoney {
    padding: 16px 0 0 16px;
    height: 140px;
    color: #2b2e34;
    position: relative;
    background: #e9cfa4;
    background-image: url(../img/bg_my_wallet.40794b2c.png);
    background-size: contain
}

.leftMenu .payCard .userMoney .money {
    font-size: 22px;
    color: #1a223b;
    font-weight: 500;
    margin-bottom: 10px
}

.leftMenu .payCard .userMoney .balanceBox {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #1a223b
}

.leftMenu .payCard .userMoney .balanceBox span {
    margin-right: 10px
}

.leftMenu .payCard .userMoney .balanceBox .icon-icon_refresh_gold_12 {
    color: #1a223b;
    font-size: 16px;
    cursor: pointer
}

.leftMenu .menuItem {
    border-bottom: 1px solid #35416d
}
.leftMenu .menuItem:hover{
	background-color: #1b233d!important
}
.leftMenu .menuItem .menuIcon {
    margin: 0 15px 0 0;
    font-size: 16px
}

.leftMenu .is-active {
    color: #90a2dc
}

.leftMenu .active {
    background-color: #1b233d!important
}
.leftMenu .is-active {
    background-color: #1b233d!important
}

.leftMenu .signOutItem {
	justify-content: center;
	text-align: center;
    background: #1b233d!important
}

.leftMenu .signOutItem span {
    color: #fff
}

.leftMenu .el-menu {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
    border-right: none!important
}

.rightView {
    border-radius: 8px;
    overflow: hidden;
    width: 1160px;
    background-color: #35416d;
    box-sizing: border-box;
    margin-left: 24px;
    margin-bottom: 10px
}

.smallRightView {
    width: 807px
}

.smallRightView .cardList {
    padding: 3px
}

.activeBar {
    position: absolute;
    width: 4px;
    height: 32px!important;
    background-color: #e9cfa4;
    border-radius: 2px;
    top: 12px;
    right: 0
}

@-webkit-keyframes show-data-v-225d7544 {
    0% {
        opacity: 0;
        bottom: 32px
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

@keyframes show-data-v-225d7544 {
    0% {
        opacity: 0;
        bottom: 32px
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

@-webkit-keyframes hide-data-v-225d7544 {
    0% {
        opacity: 1;
        bottom: 0
    }

    to {
        opacity: 0;
        bottom: -32px
    }
}

@keyframes hide-data-v-225d7544 {
    0% {
        opacity: 1;
        bottom: 0
    }

    to {
        opacity: 0;
        bottom: -32px
    }
}

.show-enter-active {
    -webkit-animation: show-data-v-225d7544 .5s;
    animation: show-data-v-225d7544 .5s
}

.show-leave-active {
    -webkit-animation: hide-data-v-225d7544 .5s;
    animation: hide-data-v-225d7544 .5s
}

.payList {
    border-radius: 8px;
    overflow: hidden;
    width: 332px;
    height: 100%;
    margin-left: 20px;
    min-height: 360px;
    background: #293356
}

.payList .title {
    height: 56px;
    justify-content: space-between;
    padding: 0 24px;
    font-weight: 700;
    color: #d4dbdb;
    font-size: 16px
}

.payList .title .more {
    cursor: pointer
}

.payList .item {
    justify-content: space-between;
    color: #fff;
    font-size: 12px;
    padding: 0 16px;
    height: 56px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5)
}

.payList .item:last-of-type {
    box-shadow: none
}

.payList .item .itemLeft,.payList .item .itemRight {
    display: flex;
    height: 56px;
    flex-direction: column;
    text-align: right;
    justify-content: space-around
}

.payList .item .itemLeft {
    text-align: left
}

.success {
    color: #21e06b
}

.failure {
    color: #f93e3e
}

.processing {
    color: #afb0b2
}

.rotate {
    transform-origin: center 50%;
    -webkit-animation: myfirst-data-v-225d7544 1s linear infinite;
    animation: myfirst-data-v-225d7544 1s linear infinite
}

@-webkit-keyframes myfirst-data-v-225d7544 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes myfirst-data-v-225d7544 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.noDataBox {
    padding-top: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.noDataBox div {
    text-align: center
}

.noDataBox div p {
    margin-top: 20px;
    color: #909399
}

.noDataBox div img {
    width: 90px
}

.flexC {
    display: flex;
    align-items: center;
    justify-content: center
}

.cursorP {
    cursor: pointer
}

.nicknamedialogBody .nicknameBtn {
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

.nicknamedialogBody .nicknameBtn button {
    width: 144px;
    height: 40px;
    border-radius: 4px
}

.nicknamedialogBody .nicknameBtn .cancel {
    background: #fff!important;
    border: 1px solid #1b233d!important;
    color: #000!important
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.help {
    width: 1400px;
    margin: 0 auto;
    padding-top: 24px
}

.help .container {
    display: flex;
    border-radius: 8px;
    overflow: hidden
}

.help .ELmenu {
    width: 280px;
    min-width: 280px;
    border-right: 0;
    margin-right: 14px;
    border-radius: 8px;
    overflow: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
	list-style: none;
	position: relative;
	padding-left: 0;
	background-color: #293356;
}
.help .ELmenu .el-submenu.is-active .el-submenu__title {
    border-bottom-color: #e9cfa4;
	font-size: 14px;
	color: #90a2dc;
}
.help .ELmenu .el-submenu__title{
	font-size: 14px;
	color: #90a2dc;
}




.help .ELmenu .el-icon-location {
    margin-right: 15px
}

.help .ELmenu .el-menu-item,
.help .ELmenu .el-submenu__title {
    height: 58px;
    line-height: 58px;
    position: relative;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.29)
}

.help .ELmenu .el-menu-item div,.help .ELmenu .el-submenu__title div {
    padding-left: 10px
}

.help .ELmenu .el-menu-item.is-active:before {
    content: "";
    width: 4px;
    height: 44px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 6px
}

.help .ELmenu .el-menu-item:focus,.help .ELmenu .el-menu-item:hover,.help .ELmenu .el-submenu__title:focus,.help .ELmenu .el-submenu__title:hover {
    background: #1b233d;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.29);
}
.help .ELmenu .el-submenu .el-menu{
    background-color: #293356;
}
.help .ELmenu .el-menu-item, .help .ELmenu .el-submenu__title{
	font-size: 14px;
	color: #90a2dc;
}
.help .ELmenu .el-menu-item.is-active {
    color: #e9cfa4;
}

.help .right {
    padding-bottom: 44px;
    width: 1156px;
    background: #293356;
    border-radius: 8px;
    overflow: hidden
}

.help .right p span {
    line-height: 1.3
}

.vnDialog.el-dialog .el-dialog__header[data-v-6757c64a] {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title[data-v-6757c64a] {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-6757c64a] {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-6757c64a]:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body[data-v-6757c64a] {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer[data-v-6757c64a] {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button[data-v-6757c64a] {
    width: 100%
}

.vnForm.el-form .el-form-item__label[data-v-6757c64a] {
    color: #fff
}

.vnForm.el-form .el-form-item input[data-v-6757c64a] {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input[data-v-6757c64a] {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input[data-v-6757c64a] {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input[data-v-6757c64a] {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

[data-v-6757c64a]::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

[data-v-6757c64a]::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

[data-v-6757c64a]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog[data-v-6757c64a],.cancel-order-dialog .el-dialog[data-v-6757c64a],.cancel-order-success-dialog .el-dialog[data-v-6757c64a],.descriptionDialog .el-dialog[data-v-6757c64a],.featuresDialog .el-dialog[data-v-6757c64a],.order-detail-dialog .el-dialog[data-v-6757c64a] {
    border-radius: 8px
}

.announce-dialog .el-dialog__header[data-v-6757c64a],.cancel-order-dialog .el-dialog__header[data-v-6757c64a],.cancel-order-success-dialog .el-dialog__header[data-v-6757c64a],.descriptionDialog .el-dialog__header[data-v-6757c64a],.featuresDialog .el-dialog__header[data-v-6757c64a],.order-detail-dialog .el-dialog__header[data-v-6757c64a] {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title[data-v-6757c64a],.cancel-order-dialog .el-dialog__title[data-v-6757c64a],.cancel-order-success-dialog .el-dialog__title[data-v-6757c64a],.descriptionDialog .el-dialog__title[data-v-6757c64a],.featuresDialog .el-dialog__title[data-v-6757c64a],.order-detail-dialog .el-dialog__title[data-v-6757c64a] {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn[data-v-6757c64a],.cancel-order-dialog .el-dialog__headerbtn[data-v-6757c64a],.cancel-order-success-dialog .el-dialog__headerbtn[data-v-6757c64a],.descriptionDialog .el-dialog__headerbtn[data-v-6757c64a],.featuresDialog .el-dialog__headerbtn[data-v-6757c64a],.order-detail-dialog .el-dialog__headerbtn[data-v-6757c64a] {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close[data-v-6757c64a],.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close[data-v-6757c64a],.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close[data-v-6757c64a],.descriptionDialog .el-dialog__headerbtn .el-dialog__close[data-v-6757c64a],.featuresDialog .el-dialog__headerbtn .el-dialog__close[data-v-6757c64a],.order-detail-dialog .el-dialog__headerbtn .el-dialog__close[data-v-6757c64a] {
    color: #fff
}

.announce-dialog .el-dialog__body[data-v-6757c64a],.cancel-order-dialog .el-dialog__body[data-v-6757c64a],.cancel-order-success-dialog .el-dialog__body[data-v-6757c64a],.descriptionDialog .el-dialog__body[data-v-6757c64a],.featuresDialog .el-dialog__body[data-v-6757c64a],.order-detail-dialog .el-dialog__body[data-v-6757c64a] {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns[data-v-6757c64a],.cancel-order-dialog .panel-btns[data-v-6757c64a],.cancel-order-success-dialog .panel-btns[data-v-6757c64a],.descriptionDialog .panel-btns[data-v-6757c64a],.featuresDialog .panel-btns[data-v-6757c64a],.order-detail-dialog .panel-btns[data-v-6757c64a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div[data-v-6757c64a],.cancel-order-dialog .panel-btns div[data-v-6757c64a],.cancel-order-success-dialog .panel-btns div[data-v-6757c64a],.descriptionDialog .panel-btns div[data-v-6757c64a],.featuresDialog .panel-btns div[data-v-6757c64a],.order-detail-dialog .panel-btns div[data-v-6757c64a] {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn[data-v-6757c64a],.cancel-order-dialog .panel-btns .cancel-btn[data-v-6757c64a],.cancel-order-success-dialog .panel-btns .cancel-btn[data-v-6757c64a],.descriptionDialog .panel-btns .cancel-btn[data-v-6757c64a],.featuresDialog .panel-btns .cancel-btn[data-v-6757c64a],.order-detail-dialog .panel-btns .cancel-btn[data-v-6757c64a] {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn[data-v-6757c64a],.cancel-order-dialog .panel-btns .save-btn[data-v-6757c64a],.cancel-order-success-dialog .panel-btns .save-btn[data-v-6757c64a],.descriptionDialog .panel-btns .save-btn[data-v-6757c64a],.featuresDialog .panel-btns .save-btn[data-v-6757c64a],.order-detail-dialog .panel-btns .save-btn[data-v-6757c64a] {
    background-color: #1f61b2
}

.detail[data-v-6757c64a] {
    width: 1400px;
    margin: 20px auto!important;
    border-radius: 8px
}

.detail .detailContent[data-v-6757c64a] {
    background: #293356;
    padding: 50px;
    border-radius: 0 0 8px 8px
}

.el-page-header[data-v-6757c64a] {
    background-color: #1b233d;
    padding: 10px 20px;
    border-radius: 8px 8px 0 0
}

.el-page-header[data-v-6757c64a] .el-page-header__content {
    font-size: 16px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.discount {
    width: 1400px;
    margin: 0 auto;
    padding-top: 24px;
    position: relative
}

 .el-icon-arrow-right:before {
    display: none
}

.activityHeader {
    position: relative;
    height: 360px;
    width: 1400px;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 24px
}

.activityHeader .content {
    padding: 54px 118px;
    position: absolute;
    top: 0;
    left: 0;
    width: 1400px;
    height: 360px;
    z-index: 2
}

.activityHeader .content>div {
    margin-bottom: 26px
}

.activityHeader img {
    width: 100%;
    height: 100%
}

.activityHeader .activityHeaderLeft {
    width: 230px;
    height: 100px;
    background: #db0000;
    position: absolute;
    top: -50px;
    left: -40px;
    transform: rotate(335deg);
    font-size: 18px;
    color: #fff;
    padding: 60px 0 0 30px;
    box-sizing: border-box
}

.activityHeader .activityHeaderLeft .text {
    display: inline-block;
    width: 100px;
    height: 40px;
    text-align: center
}

.activityHeader .reading {
    width: 200px;
    height: 56px;
    background: #f93e3e;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 56px;
    margin-top: 40px;
    transition: all .3s;
    cursor: pointer
}

.activityHeader .reading:hover {
    transform: scale(1.05)
}

.activityFooter .activityTitle {
    font-size: 24px;
    color: #1f61b2;
    font-weight: 700;
    margin-top: 20px;
    text-align: center
}

.activityFooter .activityWeight {
    font-size: 18px;
    color: #000;
    font-weight: 700px;
    margin-bottom: 15px
}

.activityFooter .topSame {
    font-size: 16px;
    color: #666;
    margin-bottom: 15px
}

.activityFooter .footerSame {
    font-size: 16px;
    color: #666
}

.activityFooter .titleSame {
    width: 900px;
    margin-left: 101px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.Footer {
    width: 100%;
    height: 490px;
    background: #192038
}

.Footer .bank-wp {
    height: 96px;
    background: #293356;
    display: flex;
    align-items: center
}

.Footer .bank-wp .bank-logo-wp {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1400px
}

.Footer .bank-wp .bank-logo-wp .bank-logo {
    width: 140px;
    height: 48px
}

.Footer .bank-wp .bank-logo-wp .bank-logo.bank-1 {
    background: url(../img/bank-1.682e0705.png);
    background-size: 100%
}

.Footer .bank-wp .bank-logo-wp .bank-logo.bank-2 {
    background: url();
    background-size: 100%
}

.Footer .bank-wp .bank-logo-wp .bank-logo.bank-3 {
    background: url();
    background-size: 100%
}

.Footer .bank-wp .bank-logo-wp .bank-logo.bank-4 {
    background: url(../img/bank-4.1c4ee210.png);
    background-size: 100%
}

.Footer .bank-wp .bank-logo-wp .bank-logo.bank-5 {
    background: url(../img/bank-5.1cb2bdca.png);
    background-size: 100%
}

.Footer .bank-wp .bank-logo-wp .bank-logo.bank-6 {
    background: url();
    background-size: 100%
}

.Footer .bank-wp .bank-logo-wp .bank-logo.bank-7 {
    background: url();
    background-size: 100%
}

.Footer .bank-wp .bank-logo-wp .bank-logo.bank-8 {
    background: url();
    background-size: 100%
}

.Footer .game-wp {
    height: 232px
}

.Footer .game-wp .game-logo-wp {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    width: 1400px
}

.Footer .game-wp .game-logo-wp .game-logo {
    margin-bottom: 24px;
    width: 190px;
    height: 80px
}

.Footer .game-wp .game-logo-wp .game-logo.game-1 {
    background: url(../img/game-1.a92724d6.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-2 {
    background: url(../img/game-2.b66ca8c0.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-3 {
    background: url(../img/game-3.a7dc1d4e.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-4 {
    background: url(../img/game-4.8f2e2a21.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-5 {
    background: url(../img/game-5.1b464e15.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-6 {
    background: url(../img/game-6.514603cb.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-7 {
    background: url(../img/game-7.1b14e079.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-8 {
    background: url();
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-9 {
    background: url();
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-10 {
    background: url(../img/game-10.3fb6a5b1.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-11 {
    background: url(../img/game-11.2acbf485.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-12 {
    background: url(../img/game-12.c4ea6646.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-13 {
    background: url(../img/game-13.faa3f6ef.png);
    background-size: 100%
}

.Footer .game-wp .game-logo-wp .game-logo.game-14 {
    background: url(../img/game-14.f8e41f97.png);
    background-size: 100%
}

.Footer .logos-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    padding: 56px 0;
    width: 1400px;
    height: 192px
}

.Footer .logos-wp .logo {
    width: 190px;
    height: 80px
}

.Footer .logos-wp .logo-bg-1 {
    background: url(../img/footer_logo_1.244f671e.png);
    background-size: 100%
}

.Footer .logos-wp .logo-bg-2 {
    background: url(../img/footer_logo_2.59a4c0a6.png);
    background-size: 100%
}

.Footer .logos-wp .logo-bg-3 {
    background: url(../img/footer_logo_3.f1346953.png);
    background-size: 100%
}

.Footer .logos-wp .logo-bg-4 {
    background: url(../img/footer_logo_4.37df90c7.png);
    background-size: 100%
}

.Footer .logos-wp .logo-bg-5 {
    background: url(../img/footer_logo_5.532b7bba.png);
    background-size: 100%
}

.Footer .line {
    margin: auto;
    width: 1163px;
    height: 1px;
    opacity: .5;
    background: #90a2dc;
    border-radius: 2px
}

.Footer .spec {
    padding: 32px 0;
    height: 84px;
    font-family: PingFangSC-Regular;
    text-align: center;
    font-weight: 400
}

.Footer .contactUs,.Footer .spec {
    margin: auto;
    width: 1400px;
    line-height: 20px;
    opacity: .5;
    font-size: 14px;
    color: #90a2dc
}

.Footer .contactUs {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 16px;
    height: 36px;
    font-weight: 500;
    cursor: pointer
}

.Footer .contactUs div {
    padding: 0 36px
}

.Footer .contactUs div:hover {
    color: #e9cfa4
}

.Footer .copyright {
    margin: auto;
    height: 17px;
    opacity: .5;
    font-size: 12px;
    color: #90a2dc;
    text-align: center;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.thirdGames {
    width: 100%;
    height: auto;
    background: #35416d
}

.thirdGames .flexContainer {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    background-size: 100% 100%
}

.thirdGames .flexContainer.live {
    background-image: url(../img/live_bg.c9dfdc64.png)
}

.thirdGames .flexContainer.sports {
    background-image: url(../img/sports_bg.3e6e32a2.png)
}

.thirdGames .flexContainer.chess {
    background-image: url(../img/chess_bg.8b56321e.png)
}

.thirdGames .flexContainer .container {
    width: 1920px;
    height: 850px;
    margin: 0 auto;
    position: relative
}

.thirdGames .flexContainer .container .leftImg {
    position: absolute
}

.thirdGames .flexContainer .container .rightImg {
    position: relative;
    z-index: 2
}

.thirdGames .flexContainer .container .playButton {
    position: absolute;
    bottom: 178px;
    right: 482px;
    width: 370px;
    z-index: 3;
    transition: all .3s;
    cursor: pointer
}

.thirdGames .flexContainer .container .playButton img {
    width: 100%;
    transition: all .3s
}

.thirdGames .flexContainer .container .playButton img:hover {
    transform: scale(1.1)
}

.thirdGames .main {
    position: absolute;
    top: 0;
    width: 100%;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center
}

.thirdGames .main .providerList {
    width: 1400px;
    background: rgba(41,51,86,.4);
    border-radius: 60px;
    display: flex;
    justify-content: flex-start;
    padding-left: 30px;
    align-items: center;
    position: relative;
    z-index: 9
}

.thirdGames .main .providerList ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0
}

.thirdGames .main .providerList ul li {
    width: 168px;
    height: 48px;
    margin: 12px;
    cursor: pointer;
    position: relative;
    transition: all .3s
}

.thirdGames .main .providerList ul li span {
    position: relative;
    z-index: 99
}

.thirdGames .main .providerList ul li.actived .nor {
    display: none
}

.thirdGames .main .providerList ul li:hover {
    transform: scale(1.1)
}

.thirdGames .main .providerList ul li:hover .nor {
    display: none
}

.thirdGames .main .providerList ul li img {
    position: absolute;
    top: 0;
    left: 0
}

.thirdGames .main .providerList ul li img.nor {
    z-index: 5
}

.thirdGames .main .providerList ul li img.sel {
    z-index: 4
}

.thirdGames .footer {
    width: 100%
}

.vnDialog.el-dialog .el-dialog__header[data-v-1bf6be6d] {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title[data-v-1bf6be6d] {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-1bf6be6d] {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-1bf6be6d]:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body[data-v-1bf6be6d] {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer[data-v-1bf6be6d] {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button[data-v-1bf6be6d] {
    width: 100%
}

.vnForm.el-form .el-form-item__label[data-v-1bf6be6d] {
    color: #fff
}

.vnForm.el-form .el-form-item input[data-v-1bf6be6d] {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input[data-v-1bf6be6d] {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input[data-v-1bf6be6d] {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input[data-v-1bf6be6d] {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

[data-v-1bf6be6d]::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

[data-v-1bf6be6d]::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

[data-v-1bf6be6d]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog[data-v-1bf6be6d],.cancel-order-dialog .el-dialog[data-v-1bf6be6d],.cancel-order-success-dialog .el-dialog[data-v-1bf6be6d],.descriptionDialog .el-dialog[data-v-1bf6be6d],.featuresDialog .el-dialog[data-v-1bf6be6d],.order-detail-dialog .el-dialog[data-v-1bf6be6d] {
    border-radius: 8px
}

.announce-dialog .el-dialog__header[data-v-1bf6be6d],.cancel-order-dialog .el-dialog__header[data-v-1bf6be6d],.cancel-order-success-dialog .el-dialog__header[data-v-1bf6be6d],.descriptionDialog .el-dialog__header[data-v-1bf6be6d],.featuresDialog .el-dialog__header[data-v-1bf6be6d],.order-detail-dialog .el-dialog__header[data-v-1bf6be6d] {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title[data-v-1bf6be6d],.cancel-order-dialog .el-dialog__title[data-v-1bf6be6d],.cancel-order-success-dialog .el-dialog__title[data-v-1bf6be6d],.descriptionDialog .el-dialog__title[data-v-1bf6be6d],.featuresDialog .el-dialog__title[data-v-1bf6be6d],.order-detail-dialog .el-dialog__title[data-v-1bf6be6d] {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn[data-v-1bf6be6d],.cancel-order-dialog .el-dialog__headerbtn[data-v-1bf6be6d],.cancel-order-success-dialog .el-dialog__headerbtn[data-v-1bf6be6d],.descriptionDialog .el-dialog__headerbtn[data-v-1bf6be6d],.featuresDialog .el-dialog__headerbtn[data-v-1bf6be6d],.order-detail-dialog .el-dialog__headerbtn[data-v-1bf6be6d] {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close[data-v-1bf6be6d],.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close[data-v-1bf6be6d],.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close[data-v-1bf6be6d],.descriptionDialog .el-dialog__headerbtn .el-dialog__close[data-v-1bf6be6d],.featuresDialog .el-dialog__headerbtn .el-dialog__close[data-v-1bf6be6d],.order-detail-dialog .el-dialog__headerbtn .el-dialog__close[data-v-1bf6be6d] {
    color: #fff
}

.announce-dialog .el-dialog__body[data-v-1bf6be6d],.cancel-order-dialog .el-dialog__body[data-v-1bf6be6d],.cancel-order-success-dialog .el-dialog__body[data-v-1bf6be6d],.descriptionDialog .el-dialog__body[data-v-1bf6be6d],.featuresDialog .el-dialog__body[data-v-1bf6be6d],.order-detail-dialog .el-dialog__body[data-v-1bf6be6d] {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns[data-v-1bf6be6d],.cancel-order-dialog .panel-btns[data-v-1bf6be6d],.cancel-order-success-dialog .panel-btns[data-v-1bf6be6d],.descriptionDialog .panel-btns[data-v-1bf6be6d],.featuresDialog .panel-btns[data-v-1bf6be6d],.order-detail-dialog .panel-btns[data-v-1bf6be6d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div[data-v-1bf6be6d],.cancel-order-dialog .panel-btns div[data-v-1bf6be6d],.cancel-order-success-dialog .panel-btns div[data-v-1bf6be6d],.descriptionDialog .panel-btns div[data-v-1bf6be6d],.featuresDialog .panel-btns div[data-v-1bf6be6d],.order-detail-dialog .panel-btns div[data-v-1bf6be6d] {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn[data-v-1bf6be6d],.cancel-order-dialog .panel-btns .cancel-btn[data-v-1bf6be6d],.cancel-order-success-dialog .panel-btns .cancel-btn[data-v-1bf6be6d],.descriptionDialog .panel-btns .cancel-btn[data-v-1bf6be6d],.featuresDialog .panel-btns .cancel-btn[data-v-1bf6be6d],.order-detail-dialog .panel-btns .cancel-btn[data-v-1bf6be6d] {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn[data-v-1bf6be6d],.cancel-order-dialog .panel-btns .save-btn[data-v-1bf6be6d],.cancel-order-success-dialog .panel-btns .save-btn[data-v-1bf6be6d],.descriptionDialog .panel-btns .save-btn[data-v-1bf6be6d],.featuresDialog .panel-btns .save-btn[data-v-1bf6be6d],.order-detail-dialog .panel-btns .save-btn[data-v-1bf6be6d] {
    background-color: #1f61b2
}

.gameHall[data-v-1bf6be6d] {
    width: 580px;
    height: 460px;
    border-radius: 20px;
    background-color: #28282e;
    box-sizing: border-box;
    position: relative;
    transition: all .8s;
    cursor: pointer
}

.gameHall.isHover[data-v-1bf6be6d] {
    top: 1px;
    left: 1px
}

.gameHall .svgaCanvas[data-v-1bf6be6d] {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 20
}

.gameHall .svgaCanvas .textBg[data-v-1bf6be6d] {
    width: 208px;
    height: 211px;
    background-color: #d82222;
    border-radius: 20px;
    position: absolute;
    top: 44px;
    left: 44px;
    z-index: -1;
    transition: all .33s
}

.gameHall .svgaCanvas .textBg.agxin[data-v-1bf6be6d] {
    background-color: #5c6eff
}

.gameHall .svgaCanvas .textBg.bbinfish[data-v-1bf6be6d] {
    background-color: #d82222
}

.gameHall .svgaCanvas .textBg.isHover[data-v-1bf6be6d] {
    width: 490px;
    height: 370px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.slotGames {
    padding-top: 16px;
    width: 100%;
    height: auto;
    background: #35416d;
    background-size: cover;
    background-image: linear-gradient(180deg,#34248b,rgba(100,74,191,0));
    border-top: 1px solid hsla(0,0%,100%,.05)
}

.slotGames .flexContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.slotGames .flexContainer .container {
    width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.slotGames .flexContainer .container .banner {
    width: 1920px;
    height: 360px
}

.slotGames .flexContainer .container .bg {
    background-size: cover
}

.slotGames .flexContainer .container .bg.slot {
    background-image: url(../img/slot_bg.23ca0a10.png)
}

.slotGames .flexContainer .container .bg.fish {
    background-image: url(../img/fish_bg.31d6c54a.png)
}

.slotGames .flexContainer .container .main {
    width: 1400px;
    padding: 32px 0;
    margin: 0 auto;
    position: relative
}

.slotGames .flexContainer .container .main .providerList {
    margin-bottom: 24px;
    padding-left: 40px;
    width: 1400px;
    height: 80px;
    background: rgba(41,51,86,.4);
    border-radius: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 9
}

.slotGames .flexContainer .container .main .providerList ul {
    display: flex
}

.slotGames .flexContainer .container .main .providerList ul li {
    width: 169px;
    height: 48px;
    margin-right: 40px;
    cursor: pointer;
    position: relative;
    transition: all .3s
}

.slotGames .flexContainer .container .main .providerList ul li span {
    position: relative;
    z-index: 99
}

.slotGames .flexContainer .container .main .providerList ul li.actived .nor {
    display: none
}

.slotGames .flexContainer .container .main .providerList ul li:hover {
    transform: scale(1.1)
}

.slotGames .flexContainer .container .main .providerList ul li:hover .nor {
    display: none
}

.slotGames .flexContainer .container .main .providerList ul li img {
    position: absolute;
    top: 0;
    left: 0
}

.slotGames .flexContainer .container .main .providerList ul li img.nor {
    z-index: 5
}

.slotGames .flexContainer .container .main .providerList ul li img.sel {
    z-index: 4
}

.slotGames .flexContainer .container .main .games {
    width: 1400px;
    min-height: 600px;
    border-radius: 12px
}

.slotGames .flexContainer .container .main .games .el-loading-mask {
    border-radius: 16px
}

.slotGames .flexContainer .container .main .games ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.slotGames .flexContainer .container .main .games li {
    position: relative;
    width: 213px;
    height: 271px;
    margin: 10px;
    background-image: linear-gradient(135deg,#53628f,#293356);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.09);
    border-radius: 8px;
    overflow: hidden
}

.slotGames .flexContainer .container .main .games li .el-image__placeholder {
    background: #53628f
}

.slotGames .flexContainer .container .main .games li .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 213px;
    height: 213px;
    background-image: linear-gradient(135deg,#53628f,#293356)
}

.slotGames .flexContainer .container .main .games li .img .el-image,.slotGames .flexContainer .container .main .games li .img .image-slot {
    width: 189px;
    height: 189px;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 hsla(0,0%,100%,.1);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    background-image: linear-gradient(135deg,#53628f,#293356)
}

.slotGames .flexContainer .container .main .games li .img .el-image img,.slotGames .flexContainer .container .main .games li .img .image-slot img {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(135deg,#53628f,#293356)
}

.slotGames .flexContainer .container .main .games li .img .image-slot img {
    opacity: .4
}

.slotGames .flexContainer .container .main .games li .name {
    width: 100%;
    height: 60px;
    padding: 0 26px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    word-wrap: break-word;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    line-height: 24px
}

.slotGames .flexContainer .container .main .games li:hover .cover {
    display: block
}

.slotGames .flexContainer .container .main .games li .cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg,rgba(74,105,255,.5),#7146ff 90%);
    padding: 200px 0 0 20px;
    cursor: pointer
}

.slotGames .flexContainer .container .main .games li .cover span {
    display: inline-block;
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 44.5px
}

.vnDialog.el-dialog .el-dialog__header[data-v-8bb2fffe] {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title[data-v-8bb2fffe] {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-8bb2fffe] {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-8bb2fffe]:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body[data-v-8bb2fffe] {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer[data-v-8bb2fffe] {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button[data-v-8bb2fffe] {
    width: 100%
}

.vnForm.el-form .el-form-item__label[data-v-8bb2fffe] {
    color: #fff
}

.vnForm.el-form .el-form-item input[data-v-8bb2fffe] {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input[data-v-8bb2fffe] {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input[data-v-8bb2fffe] {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input[data-v-8bb2fffe] {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

[data-v-8bb2fffe]::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

[data-v-8bb2fffe]::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

[data-v-8bb2fffe]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog[data-v-8bb2fffe],.cancel-order-dialog .el-dialog[data-v-8bb2fffe],.cancel-order-success-dialog .el-dialog[data-v-8bb2fffe],.descriptionDialog .el-dialog[data-v-8bb2fffe],.featuresDialog .el-dialog[data-v-8bb2fffe],.order-detail-dialog .el-dialog[data-v-8bb2fffe] {
    border-radius: 8px
}

.announce-dialog .el-dialog__header[data-v-8bb2fffe],.cancel-order-dialog .el-dialog__header[data-v-8bb2fffe],.cancel-order-success-dialog .el-dialog__header[data-v-8bb2fffe],.descriptionDialog .el-dialog__header[data-v-8bb2fffe],.featuresDialog .el-dialog__header[data-v-8bb2fffe],.order-detail-dialog .el-dialog__header[data-v-8bb2fffe] {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title[data-v-8bb2fffe],.cancel-order-dialog .el-dialog__title[data-v-8bb2fffe],.cancel-order-success-dialog .el-dialog__title[data-v-8bb2fffe],.descriptionDialog .el-dialog__title[data-v-8bb2fffe],.featuresDialog .el-dialog__title[data-v-8bb2fffe],.order-detail-dialog .el-dialog__title[data-v-8bb2fffe] {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn[data-v-8bb2fffe],.cancel-order-dialog .el-dialog__headerbtn[data-v-8bb2fffe],.cancel-order-success-dialog .el-dialog__headerbtn[data-v-8bb2fffe],.descriptionDialog .el-dialog__headerbtn[data-v-8bb2fffe],.featuresDialog .el-dialog__headerbtn[data-v-8bb2fffe],.order-detail-dialog .el-dialog__headerbtn[data-v-8bb2fffe] {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close[data-v-8bb2fffe],.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close[data-v-8bb2fffe],.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close[data-v-8bb2fffe],.descriptionDialog .el-dialog__headerbtn .el-dialog__close[data-v-8bb2fffe],.featuresDialog .el-dialog__headerbtn .el-dialog__close[data-v-8bb2fffe],.order-detail-dialog .el-dialog__headerbtn .el-dialog__close[data-v-8bb2fffe] {
    color: #fff
}

.announce-dialog .el-dialog__body[data-v-8bb2fffe],.cancel-order-dialog .el-dialog__body[data-v-8bb2fffe],.cancel-order-success-dialog .el-dialog__body[data-v-8bb2fffe],.descriptionDialog .el-dialog__body[data-v-8bb2fffe],.featuresDialog .el-dialog__body[data-v-8bb2fffe],.order-detail-dialog .el-dialog__body[data-v-8bb2fffe] {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns[data-v-8bb2fffe],.cancel-order-dialog .panel-btns[data-v-8bb2fffe],.cancel-order-success-dialog .panel-btns[data-v-8bb2fffe],.descriptionDialog .panel-btns[data-v-8bb2fffe],.featuresDialog .panel-btns[data-v-8bb2fffe],.order-detail-dialog .panel-btns[data-v-8bb2fffe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div[data-v-8bb2fffe],.cancel-order-dialog .panel-btns div[data-v-8bb2fffe],.cancel-order-success-dialog .panel-btns div[data-v-8bb2fffe],.descriptionDialog .panel-btns div[data-v-8bb2fffe],.featuresDialog .panel-btns div[data-v-8bb2fffe],.order-detail-dialog .panel-btns div[data-v-8bb2fffe] {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn[data-v-8bb2fffe],.cancel-order-dialog .panel-btns .cancel-btn[data-v-8bb2fffe],.cancel-order-success-dialog .panel-btns .cancel-btn[data-v-8bb2fffe],.descriptionDialog .panel-btns .cancel-btn[data-v-8bb2fffe],.featuresDialog .panel-btns .cancel-btn[data-v-8bb2fffe],.order-detail-dialog .panel-btns .cancel-btn[data-v-8bb2fffe] {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn[data-v-8bb2fffe],.cancel-order-dialog .panel-btns .save-btn[data-v-8bb2fffe],.cancel-order-success-dialog .panel-btns .save-btn[data-v-8bb2fffe],.descriptionDialog .panel-btns .save-btn[data-v-8bb2fffe],.featuresDialog .panel-btns .save-btn[data-v-8bb2fffe],.order-detail-dialog .panel-btns .save-btn[data-v-8bb2fffe] {
    background-color: #1f61b2
}

.inviteRegister[data-v-8bb2fffe] {
    background: url(../img/bg_register_link.3eca3b57.png);
    height: 1080px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden
}

.inviteRegister .formContainer[data-v-8bb2fffe] {
    padding: 0 30px
}

.inviteRegister .formContainer .logo[data-v-8bb2fffe] {
    text-align: center
}

.inviteRegister .formContainer .logo img[data-v-8bb2fffe] {
    height: 50px
}

.inviteRegister .el-form[data-v-8bb2fffe] .el-form-item__label {
    padding: 0
}

.inviteRegister .el-form[data-v-8bb2fffe] .el-form-item__content {
    margin-bottom: 20px
}

.inviteRegister .el-form[data-v-8bb2fffe] .el-form-item__content>span {
    display: inline-block;
    width: 100%
}

.inviteRegister button[data-v-8bb2fffe] {
    width: 100%;
    background-color: #5cae50;
    border: none;
    border-radius: 0
}

.inviteRegister .phoneInput[data-v-8bb2fffe] {
    position: relative
}

.inviteRegister .phoneInput[data-v-8bb2fffe] .el-input__validateIcon {
    display: none
}

.inviteRegister .phoneInput[data-v-8bb2fffe] .el-input-group__append {
    position: absolute;
    top: 10px;
    right: 55px;
    background: 0 0;
    border: none;
    cursor: pointer
}

.inviteRegister .phoneInput[data-v-8bb2fffe] .el-input-group__append:hover {
    color: #ff9c00
}

.inviteRegister .is-error[data-v-8bb2fffe] .el-input-group__append,.inviteRegister .is-success[data-v-8bb2fffe] .el-input-group__append {
    color: grey
}

.inviteRegister .links[data-v-8bb2fffe] {
    height: 30px;
    margin-top: 30px;
    float: left;
    margin-bottom: 35px;
    color: #afb0b2
}

.inviteRegister .links[data-v-8bb2fffe] .el-checkbox__inner {
    position: relative;
    top: -1px
}

.inviteRegister .links a[data-v-8bb2fffe] {
    color: #fff
}

.inviteRegister .isNotTitle[data-v-8bb2fffe] {
    width: 70px;
    height: 70px;
    margin: auto
}

.inviteRegister .isNotTitle i[data-v-8bb2fffe] {
    font-size: 70px
}

.inviteRegister .isNotContent[data-v-8bb2fffe] {
    font-size: 14px;
    width: 126px;
    height: 19px;
    margin: auto;
    margin-top: 20px
}

.inviteRegister .isNotButton[data-v-8bb2fffe] {
    background: #1f61b2;
    margin-top: 70px
}

.inviteRegister[data-v-8bb2fffe] .el-input {
    float: right
}

.inviteRegister[data-v-8bb2fffe] .el-form-item__content .el-form-item__error {
    left: 0!important
}

.inviteRegister[data-v-8bb2fffe] .el-dialog__close {
    color: #999!important
}

.inviteRegister[data-v-8bb2fffe] .el-form-item {
    margin-bottom: 0!important
}

.inviteRegister .isUserRulesAgree[data-v-8bb2fffe] {
    background: #888!important
}

.inviteRegister[data-v-8bb2fffe] .top .el-dialog__headerbtn {
    display: none!important
}

.inviteRegister[data-v-8bb2fffe] .el-input__inner {
    border-radius: 8px!important
}

.vnDialog.el-dialog .el-dialog__header[data-v-f621aa08] {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title[data-v-f621aa08] {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-f621aa08] {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-f621aa08]:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body[data-v-f621aa08] {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer[data-v-f621aa08] {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button[data-v-f621aa08] {
    width: 100%
}

.vnForm.el-form .el-form-item__label[data-v-f621aa08] {
    color: #fff
}

.vnForm.el-form .el-form-item input[data-v-f621aa08] {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input[data-v-f621aa08] {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input[data-v-f621aa08] {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input[data-v-f621aa08] {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

[data-v-f621aa08]::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

[data-v-f621aa08]::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

[data-v-f621aa08]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog[data-v-f621aa08],.cancel-order-dialog .el-dialog[data-v-f621aa08],.cancel-order-success-dialog .el-dialog[data-v-f621aa08],.descriptionDialog .el-dialog[data-v-f621aa08],.featuresDialog .el-dialog[data-v-f621aa08],.order-detail-dialog .el-dialog[data-v-f621aa08] {
    border-radius: 8px
}

.announce-dialog .el-dialog__header[data-v-f621aa08],.cancel-order-dialog .el-dialog__header[data-v-f621aa08],.cancel-order-success-dialog .el-dialog__header[data-v-f621aa08],.descriptionDialog .el-dialog__header[data-v-f621aa08],.featuresDialog .el-dialog__header[data-v-f621aa08],.order-detail-dialog .el-dialog__header[data-v-f621aa08] {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title[data-v-f621aa08],.cancel-order-dialog .el-dialog__title[data-v-f621aa08],.cancel-order-success-dialog .el-dialog__title[data-v-f621aa08],.descriptionDialog .el-dialog__title[data-v-f621aa08],.featuresDialog .el-dialog__title[data-v-f621aa08],.order-detail-dialog .el-dialog__title[data-v-f621aa08] {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn[data-v-f621aa08],.cancel-order-dialog .el-dialog__headerbtn[data-v-f621aa08],.cancel-order-success-dialog .el-dialog__headerbtn[data-v-f621aa08],.descriptionDialog .el-dialog__headerbtn[data-v-f621aa08],.featuresDialog .el-dialog__headerbtn[data-v-f621aa08],.order-detail-dialog .el-dialog__headerbtn[data-v-f621aa08] {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close[data-v-f621aa08],.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close[data-v-f621aa08],.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close[data-v-f621aa08],.descriptionDialog .el-dialog__headerbtn .el-dialog__close[data-v-f621aa08],.featuresDialog .el-dialog__headerbtn .el-dialog__close[data-v-f621aa08],.order-detail-dialog .el-dialog__headerbtn .el-dialog__close[data-v-f621aa08] {
    color: #fff
}

.announce-dialog .el-dialog__body[data-v-f621aa08],.cancel-order-dialog .el-dialog__body[data-v-f621aa08],.cancel-order-success-dialog .el-dialog__body[data-v-f621aa08],.descriptionDialog .el-dialog__body[data-v-f621aa08],.featuresDialog .el-dialog__body[data-v-f621aa08],.order-detail-dialog .el-dialog__body[data-v-f621aa08] {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns[data-v-f621aa08],.cancel-order-dialog .panel-btns[data-v-f621aa08],.cancel-order-success-dialog .panel-btns[data-v-f621aa08],.descriptionDialog .panel-btns[data-v-f621aa08],.featuresDialog .panel-btns[data-v-f621aa08],.order-detail-dialog .panel-btns[data-v-f621aa08] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div[data-v-f621aa08],.cancel-order-dialog .panel-btns div[data-v-f621aa08],.cancel-order-success-dialog .panel-btns div[data-v-f621aa08],.descriptionDialog .panel-btns div[data-v-f621aa08],.featuresDialog .panel-btns div[data-v-f621aa08],.order-detail-dialog .panel-btns div[data-v-f621aa08] {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn[data-v-f621aa08],.cancel-order-dialog .panel-btns .cancel-btn[data-v-f621aa08],.cancel-order-success-dialog .panel-btns .cancel-btn[data-v-f621aa08],.descriptionDialog .panel-btns .cancel-btn[data-v-f621aa08],.featuresDialog .panel-btns .cancel-btn[data-v-f621aa08],.order-detail-dialog .panel-btns .cancel-btn[data-v-f621aa08] {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn[data-v-f621aa08],.cancel-order-dialog .panel-btns .save-btn[data-v-f621aa08],.cancel-order-success-dialog .panel-btns .save-btn[data-v-f621aa08],.descriptionDialog .panel-btns .save-btn[data-v-f621aa08],.featuresDialog .panel-btns .save-btn[data-v-f621aa08],.order-detail-dialog .panel-btns .save-btn[data-v-f621aa08] {
    background-color: #1f61b2
}

.Page404[data-v-f621aa08] {
    width: 1919px;
    height: 1080px
}

.all[data-v-f621aa08] {
    width: 472px;
    margin: auto;
    margin-top: 170px
}

.left[data-v-f621aa08] {
    float: left
}

.left[data-v-f621aa08],.right[data-v-f621aa08] {
    width: 201px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    border-radius: 4px;
    margin-top: 50px;
    cursor: pointer
}

.right[data-v-f621aa08] {
    float: right
}

.vnDialog.el-dialog .el-dialog__header[data-v-0fd30cee] {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title[data-v-0fd30cee] {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-0fd30cee] {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-0fd30cee]:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body[data-v-0fd30cee] {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer[data-v-0fd30cee] {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button[data-v-0fd30cee] {
    width: 100%
}

.vnForm.el-form .el-form-item__label[data-v-0fd30cee] {
    color: #fff
}

.vnForm.el-form .el-form-item input[data-v-0fd30cee] {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input[data-v-0fd30cee] {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input[data-v-0fd30cee] {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input[data-v-0fd30cee] {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

[data-v-0fd30cee]::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

[data-v-0fd30cee]::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

[data-v-0fd30cee]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog[data-v-0fd30cee],.cancel-order-dialog .el-dialog[data-v-0fd30cee],.cancel-order-success-dialog .el-dialog[data-v-0fd30cee],.descriptionDialog .el-dialog[data-v-0fd30cee],.featuresDialog .el-dialog[data-v-0fd30cee],.order-detail-dialog .el-dialog[data-v-0fd30cee] {
    border-radius: 8px
}

.announce-dialog .el-dialog__header[data-v-0fd30cee],.cancel-order-dialog .el-dialog__header[data-v-0fd30cee],.cancel-order-success-dialog .el-dialog__header[data-v-0fd30cee],.descriptionDialog .el-dialog__header[data-v-0fd30cee],.featuresDialog .el-dialog__header[data-v-0fd30cee],.order-detail-dialog .el-dialog__header[data-v-0fd30cee] {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title[data-v-0fd30cee],.cancel-order-dialog .el-dialog__title[data-v-0fd30cee],.cancel-order-success-dialog .el-dialog__title[data-v-0fd30cee],.descriptionDialog .el-dialog__title[data-v-0fd30cee],.featuresDialog .el-dialog__title[data-v-0fd30cee],.order-detail-dialog .el-dialog__title[data-v-0fd30cee] {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn[data-v-0fd30cee],.cancel-order-dialog .el-dialog__headerbtn[data-v-0fd30cee],.cancel-order-success-dialog .el-dialog__headerbtn[data-v-0fd30cee],.descriptionDialog .el-dialog__headerbtn[data-v-0fd30cee],.featuresDialog .el-dialog__headerbtn[data-v-0fd30cee],.order-detail-dialog .el-dialog__headerbtn[data-v-0fd30cee] {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close[data-v-0fd30cee],.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close[data-v-0fd30cee],.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close[data-v-0fd30cee],.descriptionDialog .el-dialog__headerbtn .el-dialog__close[data-v-0fd30cee],.featuresDialog .el-dialog__headerbtn .el-dialog__close[data-v-0fd30cee],.order-detail-dialog .el-dialog__headerbtn .el-dialog__close[data-v-0fd30cee] {
    color: #fff
}

.announce-dialog .el-dialog__body[data-v-0fd30cee],.cancel-order-dialog .el-dialog__body[data-v-0fd30cee],.cancel-order-success-dialog .el-dialog__body[data-v-0fd30cee],.descriptionDialog .el-dialog__body[data-v-0fd30cee],.featuresDialog .el-dialog__body[data-v-0fd30cee],.order-detail-dialog .el-dialog__body[data-v-0fd30cee] {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns[data-v-0fd30cee],.cancel-order-dialog .panel-btns[data-v-0fd30cee],.cancel-order-success-dialog .panel-btns[data-v-0fd30cee],.descriptionDialog .panel-btns[data-v-0fd30cee],.featuresDialog .panel-btns[data-v-0fd30cee],.order-detail-dialog .panel-btns[data-v-0fd30cee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div[data-v-0fd30cee],.cancel-order-dialog .panel-btns div[data-v-0fd30cee],.cancel-order-success-dialog .panel-btns div[data-v-0fd30cee],.descriptionDialog .panel-btns div[data-v-0fd30cee],.featuresDialog .panel-btns div[data-v-0fd30cee],.order-detail-dialog .panel-btns div[data-v-0fd30cee] {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn[data-v-0fd30cee],.cancel-order-dialog .panel-btns .cancel-btn[data-v-0fd30cee],.cancel-order-success-dialog .panel-btns .cancel-btn[data-v-0fd30cee],.descriptionDialog .panel-btns .cancel-btn[data-v-0fd30cee],.featuresDialog .panel-btns .cancel-btn[data-v-0fd30cee],.order-detail-dialog .panel-btns .cancel-btn[data-v-0fd30cee] {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn[data-v-0fd30cee],.cancel-order-dialog .panel-btns .save-btn[data-v-0fd30cee],.cancel-order-success-dialog .panel-btns .save-btn[data-v-0fd30cee],.descriptionDialog .panel-btns .save-btn[data-v-0fd30cee],.featuresDialog .panel-btns .save-btn[data-v-0fd30cee],.order-detail-dialog .panel-btns .save-btn[data-v-0fd30cee] {
    background-color: #1f61b2
}

.register .formContainer[data-v-0fd30cee] {
    padding: 0 30px
}

.register .el-form[data-v-0fd30cee] .el-form-item__label {
    padding: 0
}

.register .el-form[data-v-0fd30cee] .el-form-item__content {
    margin-bottom: 20px
}

.register .el-form[data-v-0fd30cee] .el-form-item__content>span {
    display: inline-block;
    width: 100%
}

.register button[data-v-0fd30cee] {
    width: 100%;
    background-color: #5cae50;
    border: none;
    border-radius: 0
}

.register .phoneInput[data-v-0fd30cee] {
    position: relative
}

.register .phoneInput[data-v-0fd30cee] .el-input__validateIcon {
    display: none
}

.register .phoneInput[data-v-0fd30cee] .el-input-group__append {
    position: absolute;
    top: 0;
    right: 55px;
    height: 40px;
    line-height: 40px;
    background: 0 0;
    border: none;
    cursor: pointer
}

.register .phoneInput[data-v-0fd30cee] .el-input-group__append:hover {
    color: #ff9c00
}

.register .is-error[data-v-0fd30cee] .el-input-group__append,.register .is-success[data-v-0fd30cee] .el-input-group__append {
    color: grey
}

.register .links[data-v-0fd30cee] {
    height: 30px;
    margin-top: -30px;
    float: left;
    margin-bottom: 35px;
    color: #afb0b2
}

.register .links[data-v-0fd30cee] .el-checkbox__inner {
    position: relative;
    top: -1px
}

.register .links a[data-v-0fd30cee] {
    color: #fff
}

.register .isNotTitle[data-v-0fd30cee] {
    width: 70px;
    height: 70px;
    margin: auto
}

.register .isNotTitle i[data-v-0fd30cee] {
    font-size: 70px
}

.register .isNotContent[data-v-0fd30cee] {
    font-size: 14px;
    width: 126px;
    height: 19px;
    margin: auto;
    margin-top: 20px
}

.register .isNotButton[data-v-0fd30cee] {
    background: #1f61b2;
    margin-top: 70px
}

.register[data-v-0fd30cee] .el-input {
    float: right
}

.register[data-v-0fd30cee] .el-form-item__content .el-form-item__error {
    left: 0!important
}

.register[data-v-0fd30cee] .el-dialog__close {
    color: #999!important
}

.register[data-v-0fd30cee] .el-form-item {
    margin-bottom: 0!important
}

.register .isUserRulesAgree[data-v-0fd30cee] {
    background: #35416d!important
}

.register[data-v-0fd30cee] .el-input__inner {
    border-radius: 4px!important
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.nav-top {
    width: 100%;
    background-color: #1b233d
}

.nav-top .navTopContainer {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 48px;
    background: #1b233d
}

.nav-top .navTopContainer .chatRoomButton {
    width: 123px;
    margin-right: 24px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #90a2dc;
    box-sizing: border-box;
    border-radius: 18px;
    color: #90a2dc
}

.nav-top .navTopContainer .chatRoomButton .iconfont {
    font-size: 16px;
    position: relative;
    top: 1px
}

.nav-top .navTopContainer .chatRoomButton span {
    margin-left: 6px
}

.nav-top .navTopContainer .loginBox .el-button {
    padding: 0;
    width: 116px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 400;
    color: #14171d;
    border-color: #e9cfa4
}

.nav-top .navTopContainer .loginBox .el-button.login,.nav-top .navTopContainer .loginBox .el-button.register {
    background: #e9cfa4
}

.nav-top .navTopContainer .loginBox .el-button.guest {
    color: #e9cfa4;
    background-color: transparent
}

.nav-top .navTopContainer .navTools {
    height: 56px;
    display: flex;
    justify-content: flex-end
}

.nav-top .navTopContainer .navTools .language {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400
}

.nav-top .navTopContainer .navTools .language button {
    margin-right: 10px
}

.nav-top .navTopContainer .navTools .right {
    display: flex;
    align-items: center
}

.nav-top .navTopContainer .navTools .right .quickLink ul {
    height: 100%;
    display: flex;
    align-items: center
}

.nav-top .navTopContainer .navTools .right .quickLink li {
    height: 28px;
    line-height: 28px
}

.nav-top .navTopContainer .navTools .right .quickLink li a {
    margin-right: 24px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #90a2dc;
    box-sizing: border-box;
    border-radius: 18px;
    color: #90a2dc
}

.nav-top .navTopContainer .navTools .right .quickLink li a.chat {
    width: 123px
}

.nav-top .navTopContainer .navTools .right .quickLink li a.message {
    width: 100px
}

.nav-top .navTopContainer .navTools .right .quickLink li a.betHistory {
    width: 138px
}

.nav-top .navTopContainer .navTools .right .quickLink li a.charge {
    width: 106px;
    background: #e9cfa4;
    border-radius: 4px;
    color: #14171d;
    border: none
}

.nav-top .navTopContainer .navTools .right .quickLink li a.charge:hover {
    color: #14171d
}

.nav-top .navTopContainer .navTools .right .quickLink li a.draw {
    width: 106px;
    background: #e9cfa4;
    border-radius: 4px;
    color: #14171d;
    border: none
}

.nav-top .navTopContainer .navTools .right .quickLink li a.draw:hover {
    color: #14171d
}

.nav-top .navTopContainer .navTools .right .quickLink li a:hover {
    color: #e9cfa4;
    border-color: #e9cfa4
}

.nav-top .navTopContainer .navTools .right .quickLink li a .iconfont {
    font-size: 16px;
    position: relative;
    top: 1px
}

.nav-top .navTopContainer .navTools .right .quickLink li a span {
    margin-left: 6px
}

.nav-top .navTopContainer .navTools .right .guestLogout {
    font-size: 16px;
    width: 135px;
    height: 28px;
    margin-left: 24px;
    text-align: center;
    line-height: 28px;
    border: none;
    color: #fff;
    font-weight: 400;
    padding: 0;
    background: #f93e3e;
    border-radius: 4px
}

.nav-top .navTopContainer .navTools .right .accountMenu {
    width: 156px;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer
}

.nav-top .navTopContainer .navTools .right .accountMenu .el-menu {
    background: 0 0;
    padding-right: 20px;
    border: none
}

.nav-top .navTopContainer .navTools .right .accountMenu .el-menu .el-submenu {
    width: 100%
}

.nav-top .navTopContainer .navTools .right .accountMenu .el-menu .el-submenu .el-submenu__title {
    padding: 0;
    border: none;
    display: flex;
    align-items: center
}

.nav-top .navTopContainer .navTools .right .accountMenu .el-menu .el-submenu .el-submenu__title .avatar {
    width: 36px;
    height: 36px
}

.nav-top .navTopContainer .navTools .right .accountMenu .el-menu .el-submenu .el-submenu__title:hover {
    background: 0 0
}

.nav-top .navTopContainer .navTools .right .accountMenu .el-menu .el-submenu .el-submenu__title .accountInfo {
    flex: 1;
    margin-right: 10px;
    color: #fff
}

.nav-top .navTopContainer .navTools .right .accountMenu .el-menu .el-submenu .el-submenu__title .accountInfo .el-icon-arrow-down {
    font-size: 12px;
    margin: 0;
    width: 12px
}

.nav-top .navTopContainer .navTools .right .accountMenu .el-menu .el-submenu .el-submenu__title .accountInfo p {
    width: 110px;
    height: 17px;
    line-height: 17px;
    text-align: right;
    color: #e9cfa4;
    font-size: 12px;
    font-weight: 400
}

.nav-top .navTopContainer .navTools .right .accountMenu .el-menu .el-submenu .el-submenu__title .accountInfo p .iconfont {
    font-size: 12px
}

.nav-top .navTopContainer .navTools .right .accountMenu .el-menu .el-submenu .el-submenu__title .el-submenu__icon-arrow {
    display: none
}
.sun-class{
	margin-top: -8px;
}
.sun-class .el-submenu .el-submenu__title {
    height: 56px
}

.sun-class .el-menu {
    box-shadow: none;
    border-radius: 0 0 8px 8px;
	margin-top: 0;
	padding: 0;
    overflow: hidden
}

.sun-class .el-menu .el-menu-item {
    height: 56px;
    line-height: 56px;
    padding-left: 10px;
    text-align: right;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.3);
    background: #293356;
    color: #90a2dc;
}

.sun-class .el-menu .el-menu-item span {
    display: inline-block;
    text-align: right;
    font-size: 14px
}

.sun-class .el-menu .el-menu-item span.name {
    width: 133px
}

.sun-class .el-menu .el-menu-item span.icon {
    margin: 0 16px
}

.sun-class .el-menu .el-menu-item:hover {
    background: #1b233d;
    color: #e9cfa4!important;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.3)
}
.sun-class .el-menu .el-menu-item.is-active {
    background: #1b233d;
    color: #e9cfa4!important;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.3)
}

.sun-class .el-menu .el-menu-item:hover .icon i {
    color: #e9cfa4
}

.sun-class .el-menu .el-menu-item:last-of-type {
    text-align: center;
    border-radius: 0 0 8px 8px;
    background-color: #1b233d;
    color: #fff
}

.sun-class .el-menu .el-menu-itemlast-of-type:hover {
    color: #e9cfa4
}
.announce-dialog{
	background: #1b233d;
	border-radius:8px 8px 0 0;
}
 .announce-dialog .el-dialog__header {
    padding: 0 20px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5)
}

 .announce-dialog .el-dialog__headerbtn {
    top: 0;
    right: -52px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 20px
}

 .announce-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

 .announce-dialog .el-dialog__body {
    width: 805px;
    background: #14171d;
    padding: 0!important
}

 .announce-dialog .el-dialog__title {
    color: #fff
}

 .announce-dialog .tab-wp .tab.active:before {
    background: #e9cfa4!important;
    height: 32px!important;
    margin-top: 6px
}

 .announce-dialog .tab {
    height: 55px!important;
    display: block!important;
    background: #1b233d!important;
    color: #90a2dc!important
}

 .announce-dialog .el-icon-close {
    font-size: 20px!important
}

 .announce-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

 .announce-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

 .announce-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

 .announce-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

 .announce-dialog .announce-panel-wp {
    display: flex;
    height: 450px
}

 .announce-dialog .announce-panel-wp .tab-wp {
    width: 228px;
    height: 100%;
    background: #1b233d
}

 .announce-dialog .announce-panel-wp .tab-wp .tab {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #14171d;
    color: #fff;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

 .announce-dialog .announce-panel-wp .tab-wp .tab.active {
    color: #e9cfa4!important;
    background: #293356!important
}

 .announce-dialog .announce-panel-wp .tab-wp .tab.active:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 4px;
    height: 44px;
    background: #e9cfa4;
    border-radius: 2px
}

 .announce-dialog .announce-panel-wp .announceDetail {
    flex: 1;
    height: 100%;
    overflow-y: auto;
    color: #dcdcdc;
    line-height: 18px;
    background: #293356
}

 .announce-dialog .announce-panel-wp .announceDetail .head {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #3d486c
}

 .announce-dialog .announce-panel-wp .announceDetail .head .el-icon-back {
    font-size: 24px;
    cursor: pointer;
    margin-left: 20px;
    margin-right: 15px
}

 .announce-dialog .announce-panel-wp .announceDetail .head .el-icon-back:hover {
    font-weight: 700;
    color: #e9cfa4
}

 .announce-dialog .announce-panel-wp .announceDetail .head .title {
    margin-left: 20px;
    font-size: 24px
}

 .announce-dialog .announce-panel-wp .announceDetail .body {
    padding: 0 20px;
    margin-top: 20px
}

 .announce-dialog .announce-panel-wp .announceContent {
    width: 577px;
    height: 100%;
    overflow-y: auto;
    background: #2a3356
}

 .announce-dialog .announce-panel-wp .announceContent .tab-content-wp {
    width: 577px;
    height: 112px;
    position: relative;
    padding: 20px;
    cursor: pointer;
    color: #fff;
    border-bottom: 1px solid #3d486c
}

 .announce-dialog .announce-panel-wp .announceContent .tab-content-wp:hover {
    color: #fcf0e1
}

 .announce-dialog .announce-panel-wp .announceContent .tab-content-wp .content-wp .content-title-wp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 24px;
    line-height: 24px
}

 .announce-dialog .announce-panel-wp .announceContent .tab-content-wp .content-wp .content-title-wp .title {
    font-weight: 700;
    font-size: 18px
}

 .announce-dialog .announce-panel-wp .announceContent .tab-content-wp .content-wp .content-title-wp .time {
    margin-left: 20px;
    font-size: 12px
}

 .announce-dialog .announce-panel-wp .announceContent .tab-content-wp .content-wp .content {
    padding-top: 20px;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.navigationBar {
    width: 100%;
    height: 120px;
    color: #fff;
    box-shadow: inset 0 -1px 0 0 hsla(0,0%,100%,.25);
    border-bottom: hsla(0,0%,100%,.25)
}

.navigationBar .iconfont {
    font-size: 22px
}

.navigationBar .maxWidthNav {
    width: 100%;
    height: 100%;
    line-height: 100px;
    background: #34248b
}

.navigationBar .maxWidthNav .nav-main {
    width: 1400px;
    margin: 0 auto;
    height: 72px;
    display: flex;
    align-items: center
}

.navigationBar .maxWidthNav .nav-main .logBox {
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center
}

.navigationBar .maxWidthNav .nav-main .logBox img {
    width: 200px;
    height: 50px
}

.navigationBar .maxWidthNav .nav-main .routerGroup {
    margin-left: 50px
}

.navigationBar .maxWidthNav .nav-main .routerGroup .el-tabs .el-tabs__header {
    margin: 0
}

.navigationBar .maxWidthNav .nav-main .routerGroup .el-tabs .el-tabs__nav {
    height: 72px;
    display: flex
}

.navigationBar .maxWidthNav .nav-main .routerGroup .el-tabs .el-tabs__nav .el-tabs__item {
    width: 120px;
    height: 72px;
    padding: 0;
    color: #90a2dc
}

.navigationBar .maxWidthNav .nav-main .routerGroup .el-tabs .el-tabs__nav .el-tabs__item div {
    display: flex;
    height: 72px;
    width: 120px;
    justify-content: center;
    align-items: center
}

.navigationBar .maxWidthNav .nav-main .routerGroup .el-tabs .el-tabs__nav .el-tabs__item div .name {
    width: 72px;
    height: 100%;
    display: flex;
    white-space: normal;
    word-break: break-word;
    text-align: center;
    line-height: 22px
}

.navigationBar .maxWidthNav .nav-main .routerGroup .el-tabs .el-tabs__nav .el-tabs__item:hover {
    color: #e9cfa4
}

.navigationBar .maxWidthNav .nav-main .routerGroup .el-tabs .el-tabs__nav .el-tabs__item.is-active {
    color: #e9cfa4;
    font-weight: 500
}

.navigationBar .maxWidthNav .nav-main .routerGroup .el-tabs .el-tabs__nav .el-tabs__active-bar {
    width: 80px!important;
    height: 4px;
    left: 20px;
    border-radius: 2px;
    background-color: #e9cfa4
}

.navigationBar .maxWidthNav .nav-main .routerGroup .el-tabs .el-tabs__nav-wrap:after {
    background: 0 0
}

.navigationBar .maxWidthNav .nav-main .routerGroup .link {
    display: inline-block;
    width: 78px;
    height: 100%;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #bebebe;
    text-decoration: none;
    cursor: pointer
}

.navigationBar .maxWidthNav .nav-main .routerGroup .link.active,.navigationBar .maxWidthNav .nav-main .routerGroup .link:hover {
    color: #ff9c00
}

.navigationBar .fades-enter-active {
    transition: all .3s;
    overflow: hidden
}

.navigationBar .fades-enter {
    height: 0
}

.navigationBar .fades-enter-to {
    height: 320px
}

.navigationBar .realGamer {
    width: 100%;
    background-color: rgba(0,0,0,.2);
    background-image: linear-gradient(135deg,rgba(113,70,255,.35),rgba(74,105,255,.35));
    overflow: hidden;
    position: absolute;
    top: 120px;
    z-index: 1999;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,.35);
    box-shadow: 0 15px 19px 0 rgba(0,0,0,.1);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.15)
}

.navigationBar .realGamer:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    filter: blur(6px);
    z-index: 99998;
    margin: -30px
}

.navigationBar .realGamer ul {
    width: 1410px;
    height: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 99999
}

.navigationBar .realGamer ul .gameItem {
    width: 214px;
    height: 320px;
    margin: 0 10px;
    cursor: pointer;
    position: relative
}

.navigationBar .realGamer ul .gameItem:hover .cover {
    display: block
}

.navigationBar .realGamer ul .gameItem:after {
    content: "";
    width: 36px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 38px;
    left: 89px
}

.navigationBar .realGamer ul .gameItem .cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100000;
    background: linear-gradient(180deg,hsla(0,0%,93.3%,0),#7146ff);
    padding: 264px 41px 0
}

.navigationBar .realGamer ul .gameItem .cover span {
    cursor: pointer;
    display: inline-block;
    width: 132px;
    height: 34px;
    border-radius: 26px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 34px;
    font-size: 14px
}

.navigationBar .realGamer ul .gameItem .img,.navigationBar .realGamer ul .gameItem img {
    width: 100%;
    height: 100%
}

.navigationBar .realGamer ul .gameItem .name {
    width: 100%;
    position: absolute;
    bottom: 0
}

.navigationBar .realGamer ul .gameItem .name p {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff
}

.navigationBar .realGamer ul .gameItem:hover .name {
    color: #ff9c00
}

.navigationBar .allGamer {
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1800;
    top: 120px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,.35);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.29);
    background-image: linear-gradient(135deg,rgba(113,70,255,.35),rgba(74,105,255,.35))
}

.navigationBar .allGamer:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    filter: blur(6px);
    z-index: 3000;
    margin: -30px
}

.navigationBar .allGamer .allLottery {
    width: 1450px;
    height: auto;
    padding: 20px 0;
    flex-wrap: wrap;
    position: relative;
    z-index: 3000;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.navigationBar .allGamer .allLottery .lotteryItem {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    align-items: center;
    box-shadow: inset -1px 0 0 0 hsla(0,0%,100%,.5)
}

.navigationBar .allGamer .allLottery .lotteryItem .lotteryList {
    display: flex;
    padding: 0 5px;
    flex-wrap: wrap
}

.navigationBar .allGamer .allLottery .lotteryItem:last-child {
    box-shadow: none
}

.navigationBar .allGamer .allLottery .item {
    height: 40px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    display: flex;
    line-height: 1.2;
    align-items: center;
    text-overflow: ellipsis;
    cursor: pointer
}

.navigationBar .allGamer .allLottery .item span {
    padding: 5px;
    border-radius: 2px;
    cursor: pointer
}

.navigationBar .allGamer .allLottery .isNam {
    flex: 1.4
}

.navigationBar .allGamer .allLottery .isNam .item {
    width: 50%
}

.navigationBar .allGamer .allLottery .selectId {
    background: #fff;
    font-size: 12px;
    padding: 5px;
    border-radius: 2px;
    color: #1b233d
}

.navigationBar .allGamer .allLottery .menu-name:hover {
    background: #fff;
    padding: 5px;
    border-radius: 2px;
    color: #1b233d
}

.navigationBar .allGamer .allLottery .title {
    height: 30px;
    line-height: 30px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.navigationBar .allGamer .allLottery .title .lable {
    font-size: 13px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-weight: 400;
    height: 30px;
    background-image: linear-gradient(45deg,#7146ff,#6c80ff);
    padding: 0 0 0 4px;
    min-width: 70px
}

.navigationBar .allGamer .allLottery .title .lable:after {
    width: 50px;
    height: 50px;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    transform: rotate(45deg)
}

.navigationBar .allGamer .allLottery .title .filters {
    height: 28px;
    margin-right: 6px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #e9cfa4;
    overflow: hidden;
    transform: scale(.8)
}

.navigationBar .allGamer .allLottery .title .lableName {
    border-radius: 2px 0 0 2px;
    display: inline-block
}

.navigationBar .allGamer .allLottery .title .lables {
    display: flex;
    justify-content: center;
    align-items: center
}

.navigationBar .allGamer .allLottery .title .right_allow {
    height: 30px
}

.navigationBar .allGamer .allLottery .title .todayLottery {
    font-size: 12px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.winning-notice-wp {
    position: fixed;
    z-index: 9999999999;
    right: 16px;
    bottom: 24px;
    width: 380px
}

.winning-notice-wp .winning-notice {
    width: 380px;
    background: #fbfbfb;
    border-radius: 8px
}

.winning-notice-wp .winning-notice .title-wp {
    position: relative;
    display: flex;
    padding: 10px 16px;
    height: 56px;
    font-size: 13px;
    color: #1b233d;
    text-align: center;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5)
}

.winning-notice-wp .winning-notice .title-wp .gift {
    margin-right: 10px;
    width: 36px;
    height: 36px;
    background: url(../img/icon_winning.7bd5da77.png) 50%/100%
}

.winning-notice-wp .winning-notice .title-wp .title {
    line-height: 36px;
    font-size: 18px;
    color: #1b233d
}

.winning-notice-wp .winning-notice .title-wp .iconfont {
    position: absolute;
    right: 16px;
    top: 22px;
    font-size: 12px;
    cursor: pointer
}

.winning-notice-wp .winning-notice .panel-wp {
    padding: 0 16px 24px
}

.winning-notice-wp .winning-notice .panel-wp .win-type-title {
    width: 328px;
    height: 42px;
    line-height: 42px;
    font-size: 13px;
    color: #1b233d;
    text-align: center
}

.winning-notice-wp .txt-c {
    text-align: center
}

.winning-notice-wp .wining-notice-txt-green {
    color: #21e06b
}

.winning-notice-wp .cell {
    color: #1b233d
}

.winning-notice-wp .el-table--border:after,.winning-notice-wp .el-table:before {
    background-color: #1b233d
}

.winning-notice-wp .el-table--border td,.winning-notice-wp .el-table--border th,.winning-notice-wp .el-table th.is-leaf,.winning-notice-wp .el-table--border {
    border-color: #1b233d!important
}

.winning-notice-enter-active,.winning-notice-leave-active {
    transition: all .3s;
    transform: translate(0)
}

.winning-notice-enter {
    transform: translate(100%)
}

.winning-notice-leave-to {
    transform: translateY(100%)
}

 .el-table--border .is-leaf, .el-table--border td, .el-table--border th {
    border-color: #1b233d!important;
    color: #555
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.chatLogItem .msgItem {
    display: flex
}

.chatLogItem .msgItem p {
    color: #90a2dc;
    letter-spacing: 0;
    line-height: 15px;
	display: block;
    font-weight: 400
}

.chatLogItem .msgItem .avatar {
    width: 40px;
    cursor: pointer
}

.chatLogItem .msgItem .avatar img {
    width: 32px;
    height: 32px;
    border-radius: 16px
}

.chatLogItem .msgItem .msgContent {
    flex: 1
}

.chatLogItem .msgItem .msgContent .nameImg {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #90a2dc
}

.chatLogItem .msgItem .msgContent .nameImg img {
    height: 22px;
    margin: 0 8px
}

.chatLogItem .msgItem .msgContent .greenText {
    color: #21e06b
}

.chatLogItem .msgItem .msgContent .message {
    display: inline-block;
    margin-top: 5px;
    background: #35416d;
    color: #fff;
    border-radius: 0 5px 5px 5px;
    padding: 10px;
    box-sizing: border-box;
    text-align: left;
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.chatLogItem .msgItem .msgContent .message img {
    max-width: 240px;
    border-radius: 4px
}

.chatLogItem .msgItem .msgContent .managerMsg {
    background: linear-gradient(135deg,#7146ff,#4a69ff)
}

.chatLogItem .msgItem .msgContent .selfMsg {
    background: #4c536e
}

.chatLogItem .msgItem .msgContent .shareOrder {
    display: inline-block;
    width: 264px
}

.chatLogItem .msgItem .msgContent .shareOrder .orderItem {
    border-radius: 0 8px 8px 8px;
    background: #35416d;
    font-size: 12px;
    display: flex;
    color: #fff;
    justify-content: space-around;
    flex-direction: column
}

.chatLogItem .msgItem .msgContent .shareOrder .orderItem .itemWrap {
    padding: 10px
}

.chatLogItem .msgItem .msgContent .shareOrder .orderItem .itemWrap .title {
    color: #fff
}

.chatLogItem .msgItem .msgContent .shareOrder .orderItem .itemWrap .item {
    display: flex;
    align-items: center;
    min-height: 20px
}

.chatLogItem .msgItem .msgContent .shareOrder .orderItem .itemWrap .item.itemContent span {
    display: inline-block
}

.chatLogItem .msgItem .msgContent .shareOrder .orderItem .itemWrap .item.itemContent div {
    flex: 1;
    word-break: break-all;
    text-align: left
}

.chatLogItem .msgItem .msgContent .shareOrder .betBtn {
    width: 100%;
    height: 28px;
    padding: 0;
    background: #90a2dc;
    color: #fff;
    border-radius: 0 0 8px 8px;
    border: 0
}

.chatLogItem .msgItem .msgContent .time {
    margin-top: 6px
}

.chatLogItem .msgItem .msgContent .redBagWrap {
    padding: 6px 8px;
    width: 264px;
    background-image: linear-gradient(270deg,#f83600,#fe8c00);
    border-radius: 0 8px 8px 8px;
    display: flex;
    cursor: pointer
}

.chatLogItem .msgItem .msgContent .redBagWrap img {
    height: 56px;
    margin: 0 8px 0 0
}

.chatLogItem .msgItem .msgContent .redBagWrap .right p {
    color: #fff;
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 4px;
    word-break: break-word
}

.chatLogItem .msgItem .msgContent .redBagWrap .right div {
    padding: 8px 0 4px;
    color: #f0f0f0;
    font-size: 12px
}

.chatLogItem .msgItem.userMsg .nameImg,.chatLogItem .msgItem.userMsg {
    flex-direction: row-reverse;
    text-align: right
}

.chatLogItem .msgItem.userMsg .msgContent .message {
    background: #4c536e;
    border-radius: 5px 0 5px 5px;
    color: #fff
}

.chatLogItem .msgItem.userMsg .shareOrder .orderItem {
    border-radius: 5px 0 5px 5px
}

.chatLogItem .msgItem.userMsg .time {
    text-align: right
}

 .el-dialog {
    width: 360px;
    border-radius: 8px
}

 .el-dialog .el-dialog__header {
    text-align: center;
    height: 56px;
    line-height: 56px;
    padding: 0;
    border-bottom: 1px solid #ddd
}

 .el-dialog .el-dialog__header .el-dialog__title {
    color: #000
}

 .el-dialog .el-dialog__body {
    padding: 20px
}

 .el-dialog .orderPopup {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #1b233d
}

 .el-dialog .orderPopup .body .item {
    color: #1b233d;
    font-weight: 400;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px
}

 .el-dialog .orderPopup .body .item span {
    margin-right: 16px
}

 .el-dialog .orderPopup .body .item .info {
    color: #21e06b
}

 .el-dialog .orderPopup .footer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

 .el-dialog .orderPopup .footer .btn {
    flex: 1;
    height: 40px;
    line-height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #1b233d;
    text-align: center;
    font-weight: 400;
    cursor: pointer
}

 .el-dialog .orderPopup .footer .confim {
    margin-left: 24px;
    background-image: linear-gradient(90deg,#7146ff,#4a69ff);
    color: #fff;
    border: none
}

 .el-dialog .orderPopup table {
    width: 100%;
    border-spacing: 0;
    border: 1px solid #1b233d;
    border-radius: 4px
}

 .el-dialog .orderPopup .table td, .el-dialog .orderPopup .table th {
    border-right: 1px solid #1b233d;
    border-bottom: 1px solid #1b233d;
    padding: 10px;
    text-align: center
}

 .el-dialog .orderPopup .table thead {
    border-bottom: 1px solid #1b233d;
    color: #1b233d
}

 .el-dialog .orderPopup .table thead tr {
    border-bottom: none
}

 .el-dialog .orderPopup .table td:last-child, .el-dialog .orderPopup .table th:last-child {
    border-right: none
}

 .el-dialog .orderPopup .table tr:last-child td {
    border-bottom: none
}

 .el-dialog .orderPopup .item1 {
    width: 60%
}

 .el-dialog .orderPopup .item2 {
    width: 40%
}

.vnDialog.el-dialog .el-dialog__header[data-v-32624cad] {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title[data-v-32624cad] {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-32624cad] {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn[data-v-32624cad]:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body[data-v-32624cad] {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer[data-v-32624cad] {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button[data-v-32624cad] {
    width: 100%
}

.vnForm.el-form .el-form-item__label[data-v-32624cad] {
    color: #fff
}

.vnForm.el-form .el-form-item input[data-v-32624cad] {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input[data-v-32624cad] {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input[data-v-32624cad] {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input[data-v-32624cad] {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

[data-v-32624cad]::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

[data-v-32624cad]::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

[data-v-32624cad]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog[data-v-32624cad],.cancel-order-dialog .el-dialog[data-v-32624cad],.cancel-order-success-dialog .el-dialog[data-v-32624cad],.descriptionDialog .el-dialog[data-v-32624cad],.featuresDialog .el-dialog[data-v-32624cad],.order-detail-dialog .el-dialog[data-v-32624cad] {
    border-radius: 8px
}

.announce-dialog .el-dialog__header[data-v-32624cad],.cancel-order-dialog .el-dialog__header[data-v-32624cad],.cancel-order-success-dialog .el-dialog__header[data-v-32624cad],.descriptionDialog .el-dialog__header[data-v-32624cad],.featuresDialog .el-dialog__header[data-v-32624cad],.order-detail-dialog .el-dialog__header[data-v-32624cad] {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title[data-v-32624cad],.cancel-order-dialog .el-dialog__title[data-v-32624cad],.cancel-order-success-dialog .el-dialog__title[data-v-32624cad],.descriptionDialog .el-dialog__title[data-v-32624cad],.featuresDialog .el-dialog__title[data-v-32624cad],.order-detail-dialog .el-dialog__title[data-v-32624cad] {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn[data-v-32624cad],.cancel-order-dialog .el-dialog__headerbtn[data-v-32624cad],.cancel-order-success-dialog .el-dialog__headerbtn[data-v-32624cad],.descriptionDialog .el-dialog__headerbtn[data-v-32624cad],.featuresDialog .el-dialog__headerbtn[data-v-32624cad],.order-detail-dialog .el-dialog__headerbtn[data-v-32624cad] {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close[data-v-32624cad],.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close[data-v-32624cad],.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close[data-v-32624cad],.descriptionDialog .el-dialog__headerbtn .el-dialog__close[data-v-32624cad],.featuresDialog .el-dialog__headerbtn .el-dialog__close[data-v-32624cad],.order-detail-dialog .el-dialog__headerbtn .el-dialog__close[data-v-32624cad] {
    color: #fff
}

.announce-dialog .el-dialog__body[data-v-32624cad],.cancel-order-dialog .el-dialog__body[data-v-32624cad],.cancel-order-success-dialog .el-dialog__body[data-v-32624cad],.descriptionDialog .el-dialog__body[data-v-32624cad],.featuresDialog .el-dialog__body[data-v-32624cad],.order-detail-dialog .el-dialog__body[data-v-32624cad] {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns[data-v-32624cad],.cancel-order-dialog .panel-btns[data-v-32624cad],.cancel-order-success-dialog .panel-btns[data-v-32624cad],.descriptionDialog .panel-btns[data-v-32624cad],.featuresDialog .panel-btns[data-v-32624cad],.order-detail-dialog .panel-btns[data-v-32624cad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div[data-v-32624cad],.cancel-order-dialog .panel-btns div[data-v-32624cad],.cancel-order-success-dialog .panel-btns div[data-v-32624cad],.descriptionDialog .panel-btns div[data-v-32624cad],.featuresDialog .panel-btns div[data-v-32624cad],.order-detail-dialog .panel-btns div[data-v-32624cad] {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn[data-v-32624cad],.cancel-order-dialog .panel-btns .cancel-btn[data-v-32624cad],.cancel-order-success-dialog .panel-btns .cancel-btn[data-v-32624cad],.descriptionDialog .panel-btns .cancel-btn[data-v-32624cad],.featuresDialog .panel-btns .cancel-btn[data-v-32624cad],.order-detail-dialog .panel-btns .cancel-btn[data-v-32624cad] {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn[data-v-32624cad],.cancel-order-dialog .panel-btns .save-btn[data-v-32624cad],.cancel-order-success-dialog .panel-btns .save-btn[data-v-32624cad],.descriptionDialog .panel-btns .save-btn[data-v-32624cad],.featuresDialog .panel-btns .save-btn[data-v-32624cad],.order-detail-dialog .panel-btns .save-btn[data-v-32624cad] {
    background-color: #1f61b2
}

.emoji[data-v-32624cad] {
    width: 260px
}

.emoji .item[data-v-32624cad] {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 4px;
    font-size: 28px;
    cursor: pointer
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.chatInput {
    height: 56px;
    display: flex;
    margin: 0 16px 16px;
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    border-radius: 8px
}

.chatInput .sendPic {
    cursor: pointer;
    display: inline-block;
    width: 46px;
    text-align: center
}

.chatInput .sendPic .iconfont {
    font-size: 24px;
    color: #90a2dc
}

.chatInput .sendMsg {
    cursor: pointer;
    display: inline-block;
    width: 74px;
    text-align: center;
    font-size: 15px;
    color: #6e87d8;
    font-weight: 600
}

.chatInput .sendMsg .iconfont {
    position: relative;
    top: 1px
}

.chatInput .cantSendMsg {
    color: #c0c4cc
}

.chatInput .inputWrap {
    position: relative
}

.chatInput .inputWrap .el-textarea {
    width: 223px;
    height: 56px;
    display: flex;
    align-items: center
}

.chatInput .inputWrap .el-textarea .el-textarea__inner {
    font-size: 14px;
    padding: 5px;
    padding-right: 27px;
    width: 244px;
    height: 32px;
    background: #e7e7e7;
    border-radius: 16px;
    color: #000
}

.chatInput .inputWrap .el-textarea .el-textarea__inner::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px hsla(0,0%,51%,.2);
    background: #c1c1c1
}

.chatInput .inputWrap .el-textarea .el-textarea__inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px hsla(0,0%,87.1%,.2);
    border-radius: 6px;
    background: #e8e8e8
}

.chatInput .inputWrap .icon-icon_send_emoji {
    position: absolute;
    top: 18px;
    right: 9px;
    font-size: 20px;
    color: #90a2dc;
    cursor: pointer
}

 .el-popover {
    padding: 0!important
}

 .el-input {
    margin-top: 12px;
    width: 440px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.wrap {
    overflow: hidden
}

.noticeBar {
    display: flex;
    align-items: center
}

.noticeBar .icon {
    display: flex;
    align-items: center;
    width: 90px;
    font-size: 12px;
    color: #e9cfa4
}

.noticeBar .icon i {
    width: 16px;
    font-size: 16px;
    color: #e9cfa4;
    margin-right: 5px
}

.noticeBar .noticeItems {
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-wrap: nowrap;
    flex: 1;
    position: relative;
    height: 24px;
    line-height: 24px
}

.content {
    overflow: hidden
}

.text {
    position: absolute;
    -webkit-animation-name: animation1;
    animation-name: animation1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    left: 0;
    width: 4000px;
    display: block;
    height: 24px;
    line-height: 24px
}

.text span {
    display: inline-block;
    height: 100%;
    line-height: 24px;
    height: 24px;
    margin-left: 20px
}

.paused .text,.text:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.items {
    display: block;
    height: 24px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

 .content-container {
    width: 100%!important;
    height: 100%!important
}

.dragDialog {
    position: absolute;
    width: 375px;
    height: 700px;
    z-index: 2000!important;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 8px 0 rgba(22,10,81,.63);
    border-radius: 8px;
    background: #1e2747
}

.dragDialog.smallSize {
    height: 600px
}

.dragDialog .dragHeader {
    height: 50px;
    background: #293356;
    box-shadow: 0 .33px 0 0 hsla(0,0%,100%,.15);
    color: #fff;
    line-height: 50px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px 356 solid #696969
}

.dragDialog .dragHeader div {
    display: flex;
    align-items: center
}

.dragDialog .dragHeader div span {
    margin-left: 8px
}

.dragDialog .dragHeader i {
    font-size: 20px
}

.dragDialog .dragHeader .leftI {
    font-size: 24px
}

.dragDialog .dragHeader .serviceI {
    margin-right: 20px
}

.dragDialog .dragHeader .closeI {
    font-size: 19px
}

.dragDialog .notice {
    position: absolute;
    top: 50px;
    z-index: 999;
    height: 28px;
    width: 100%;
    background: rgba(41,51,86,.79);
    line-height: 28px;
    padding: 0 16px;
    font-size: 12px;
    color: #fff
}
.noticeBar {
    display: flex;
    align-items: center;
}
.dragDialog .body {
    width: 100%;
    position: absolute;
    top: 50px;
    bottom: 112px;
    background: #1e2747;
    padding: 30px 20px 20px;
    color: #606266;
    font-size: 12px;
    overflow-y: auto
}

.dragDialog .body .loadMoreMessage {
    text-align: center
}

.dragDialog .body .loadMoreMessage span {
    display: inline-block;
    cursor: pointer;
    background: #d8d8d8;
    color: #8a8a8a;
    padding: 4px 20px;
    border-radius: 10px
}

.dragDialog .body li {
    margin-top: 10px
}

.dragDialog .body .chatRedRecord {
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    font-size: 13px
}

.dragDialog .body .chatRedRecord span {
    color: hsla(0,0%,100%,.6)
}

.dragDialog .body .chatRedRecord .name {
    color: #fada2f
}

.dragDialog .body .chatRedRecord .recordText2 {
    margin: 0 2px
}

.dragDialog .body .chatRedRecord .redRecordMoney {
    color: #f92855
}

.dragDialog .footer {
    position: absolute;
    bottom: 0
}

.dragDialog .footer .nav {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    height: 40px
}

.dragDialog .footer .nav >span {
    margin-left: 16px;
    margin-right: 10px;
    text-align: center
}

.dragDialog .footer .nav .el-switch .el-switch__core {
    height: 14px;
    line-height: 14px
}

.dragDialog .footer .nav .el-switch .el-switch__core:after {
    top: 0;
    height: 13px;
    width: 13px
}

.dragDialog .footer .nav .is-checked .el-switch__core:after {
    margin-left: -14px
}

.dragDialog .footer .goBottomDiv {
    position: absolute;
    bottom: 130px;
    right: 16px;
    cursor: pointer
}

.dragDialog .footer .goBottomDiv i {
    font-size: 32px;
    color: #5e6c9b
}

.dragDialog .redBagFix {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.dragDialog .redBagFix .redWrap {
    position: relative;
    text-align: center
}

.dragDialog .redBagFix .redWrap .redBag3 {
    width: 90%
}

.dragDialog .redBagFix .redWrap .redBagP {
    min-width: 175.1px;
    text-align: center;
    position: absolute;
    left: 26%;
    top: 24%;
    font-size: 18px;
    background: linear-gradient(180deg,#fff6bb,#ffe87c);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.dragDialog .redBagFix .redWrap .openBtn {
    cursor: pointer;
    width: 78px;
    height: 78px;
    position: absolute;
    left: 40%;
    bottom: 9%;
    transition: all 200s linear
}

.dragDialog .redBagFix .redWrap .openBtn.rbIsOpening {
    transform: rotateY(100turn)
}

.dragDialog .redBagFix .redWrap .openBtn span {
    color: #fff6bb;
    font-size: 30px;
    position: absolute;
    top: 24px;
    left: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dragDialog .redBagFix .redWrap .openBtn .redBag2 {
    width: 100%;
    height: 100%
}

.dragDialog .redBagFix .ball {
    cursor: pointer;
    position: absolute;
    left: 44%;
    bottom: -18%;
    width: 47px;
    height: 47px;
    background: rgba(0,0,0,.8);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.dragDialog .redBagFix .ball i {
    color: #fff;
    font-size: 22px
}

.dragDialog .redBagFix .errorBall {
    bottom: -54px;
    left: 146px
}

.dragDialog .redBagFix .wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.dragDialog .redBagFix .wrapper .item {
    width: 90%;
    position: relative
}

.dragDialog .redBagFix .wrapper .item .detail {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 11%
}

.dragDialog .redBagFix .wrapper .item .detail .title {
    width: 156px;
    margin-left: 94px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: linear-gradient(180deg,#fff6bb,#ffe87c);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: 600
}

.dragDialog .redBagFix .wrapper .item .detail .faild {
    font-size: 16px;
    margin-top: 10px
}

.dragDialog .redBagFix .wrapper .item .detail .getRedPack {
    font-size: 24px;
    color: transparent;
    text-align: center;
    font-weight: 600;
    background: linear-gradient(180deg,#fff6bb,#ffe87c);
    background-clip: text;
    -webkit-background-clip: text
}

.dragDialog .redBagFix .wrapper .item .detail .money {
    margin-top: 10px;
    font-size: 26px;
    color: #fddfaf;
    text-align: center;
    line-height: 37px;
    font-weight: 600
}

.dragDialog .redBagFix .wrapper .item .getRedPackDetail {
    top: 25%
}

.dragDialog .redBagFix .wrapper .item .seeDetail {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%
}

.dragDialog .redBagFix .wrapper .item .seeDetail span {
    display: inline-block;
    width: 112px;
    height: 26px;
    line-height: 26px;
    background: #fddaa4;
    border-radius: 13px;
    font-size: 13px;
    color: #eb2b44;
    text-align: center;
    font-weight: 400
}

.dragDialog .redBagFix .wrapper .item .getRedPackImg {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 10%
}

.dragDialog .redBagFix .wrapper .item .getRedPackImg img {
    width: 84px;
    height: 84px
}

.dragDialog .redBagFix .wrapper .item .faildDetail {
    top: 14%
}

.dragDialog .redBagFix .wrapper img {
    width: 100%
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.service{
	transition: .3s all;
}
.service.hide{
	transform: translateX(100%);
}
.service.show{
	transform: translateX(0);
}

.service-wp {
    position: fixed;
    top: 130px;
    right: 0;
    z-index: 11
}

.service-wp.smallWindow {
    transform: scale(.7);
    transform-origin: 100% 0
}

.service-wp .service-item-wp {
    padding: 20px 14px 0;
    width: 100px;
    background: rgba(27,35,61,.5);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
    border-radius: 8px;
    z-index: 10;
    cursor: pointer
}

.service-wp .service-item-wp .itemsContent {
    overflow: hidden;
    transition: all .3s ease-in-out
}

.service-wp .service-item-wp .service-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 16px;
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 12px;
    color: #fff;
    position: relative
}

.service-wp .service-item-wp .service-item i {
    margin: 10px 18px 4px;
    text-align: center;
    font-size: 34px
}

.service-wp .service-item-wp .service-item .icon-icon_download_btn {
    transform: rotate(180deg)
}

.service-wp .service-item-wp .service-item span {
    font-size: 12px
}

.service-wp .service-item-wp .service-item:hover {
    background: linear-gradient(135deg,#7146ff,#4a69ff);
    border: 1px solid #4a69ff
}

.service-wp .service-item-wp .service-item.showNoticeIcon:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 6px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: red
}

.service-wp .service-item-wp .line {
    width: 72px;
    height: 1px;
    transform: scaleY(.5);
    background: #fff
}

.service-wp .service-item-wp .up-fold {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 60px;
    cursor: pointer;
    opacity: .6;
    transition: all .3s ease-in-out
}

.service-wp .service-item-wp .up-fold.showAll {
    transform: rotate(180deg)
}

.service-wp .service-item-wp .up-fold i {
    font-size: 30px
}

.service-wp .x-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    color: #fff;
    cursor: pointer;
    width: 100px;
    height: 48px;
    position: absolute;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
    border-radius: 8px;
    background: rgba(27,35,61,.5)
}

.service-wp .x-btn i {
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: #fff
}

.fold-enter-active,.fold-leave-active {
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.fold-enter,.fold-leave-to {
    transform: translateX(100px);
    opacity: 0
}

.ifold {
    -webkit-animation: bounce-in .3s cubic-bezier(1,.5,.8,1);
    animation: bounce-in .3s cubic-bezier(1,.5,.8,1)
}

.service-item-fg {
    position: relative;
    padding: 20px 14px 0;
    width: 100px;
    z-index: 10;
    cursor: pointer;
    height: 380px
}

.ifold-enter-active,.ifold-leave-active {
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.service-item-ifold {
    height: 450px;
    position: absolute;
    width: 100px
}

.unfold {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 400px;
    color: #fff;
    cursor: pointer
}

.unfold i {
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: #fff
}

@-webkit-keyframes move_right-data-v-050762a0 {
    0% {
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
        border-radius: 8px;
        background: rgba(27,35,61,.5);
        right: 0
    }

    to {
        width: 38px;
        height: 76px;
        background: #7146ff;
        right: 0;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
        border-radius: 8px 0 0 8px;
        opacity: 1
    }
}

@keyframes move_right-data-v-050762a0 {
    0% {
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
        border-radius: 8px;
        background: rgba(27,35,61,.5);
        right: 0
    }

    to {
        width: 38px;
        height: 76px;
        background: #7146ff;
        right: 0;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
        border-radius: 8px 0 0 8px
    }
}

@-webkit-keyframes move_left-data-v-050762a0 {
    0% {
        background: #7146ff;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
        border-radius: 8px 0 0 8px;
        transform: translateX(48px)
    }

    to {
        width: 100px;
        height: 48px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
        border-radius: 8px;
        background: rgba(27,35,61,.5)
    }
}

@keyframes move_left-data-v-050762a0 {
    0% {
        background: #7146ff;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
        border-radius: 8px 0 0 8px;
        transform: translateX(48px)
    }

    to {
        width: 100px;
        height: 48px;
        background: rgba(27,35,61,.5);
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.3);
        border-radius: 8px
    }
}

.move_right {
    -webkit-animation-name: move_right-data-v-050762a0;
    animation-name: move_right-data-v-050762a0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.move_left {
    -webkit-animation-name: move_left-data-v-050762a0;
    animation-name: move_left-data-v-050762a0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.btns,.service {
    width: 100px
}

#app {
    min-width: 1420px;
    height: 100%;
    position: relative;
    overflow: hidden
}

#app #nav {
    width: 100%;
    height: 120px;
    background-color: #1b233d;
    border-bottom: 1px solid hsla(0,0%,100%,.25)
}

#app .mainBody {
    height: calc(100vh - 120px);
    overflow: auto;
    background: #35416d;
    color: #fff;
    scroll-behavior: smooth
}

#app .mainBody.imgBg {
    background-size: cover
}

#app .mainBody .v-modal {
    opacity: .7
}

#app .mainBody .routerView {
    position: relative;
    margin: 0 auto
}

#app .mainBody .announce-dialog .el-dialog,#app .mainBody .cancel-order-dialog .el-dialog,#app .mainBody .cancel-order-success-dialog .el-dialog,#app .mainBody .order-detail-dialog .el-dialog {
    border-radius: 8px
}

#app .mainBody .announce-dialog .el-dialog__header,#app .mainBody .cancel-order-dialog .el-dialog__header,#app .mainBody .cancel-order-success-dialog .el-dialog__header,#app .mainBody .order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

#app .mainBody .announce-dialog .el-dialog__title,#app .mainBody .cancel-order-dialog .el-dialog__title,#app .mainBody .cancel-order-success-dialog .el-dialog__title,#app .mainBody .order-detail-dialog .el-dialog__title {
    color: #fff
}

#app .mainBody .announce-dialog .el-dialog__headerbtn,#app .mainBody .cancel-order-dialog .el-dialog__headerbtn,#app .mainBody .cancel-order-success-dialog .el-dialog__headerbtn,#app .mainBody .order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

#app .mainBody .announce-dialog .el-dialog__headerbtn .el-dialog__close,#app .mainBody .cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,#app .mainBody .cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,#app .mainBody .order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

#app .mainBody .announce-dialog .el-dialog__body,#app .mainBody .cancel-order-dialog .el-dialog__body,#app .mainBody .cancel-order-success-dialog .el-dialog__body,#app .mainBody .order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

#app .mainBody .announce-dialog .panel-btns,#app .mainBody .cancel-order-dialog .panel-btns,#app .mainBody .cancel-order-success-dialog .panel-btns,#app .mainBody .order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

#app .mainBody .announce-dialog .panel-btns div,#app .mainBody .cancel-order-dialog .panel-btns div,#app .mainBody .cancel-order-success-dialog .panel-btns div,#app .mainBody .order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

#app .mainBody .announce-dialog .panel-btns .cancel-btn,#app .mainBody .cancel-order-dialog .panel-btns .cancel-btn,#app .mainBody .cancel-order-success-dialog .panel-btns .cancel-btn,#app .mainBody .order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

#app .mainBody .announce-dialog .panel-btns .save-btn,#app .mainBody .cancel-order-dialog .panel-btns .save-btn,#app .mainBody .cancel-order-success-dialog .panel-btns .save-btn,#app .mainBody .order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

#app .mainBody .announce-dialog .el-dialog__body {
    padding: 0
}

#app .mainBody .announce-dialog .announce-panel-wp {
    display: flex;
    min-height: 360px
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-wp {
    width: 150px;
    background: #1d212a
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-wp .tab {
    position: relative;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #14171d;
    color: #fff;
    text-align: center;
    font-size: 14px;
    overflow: hidden
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-wp .tab.active {
    color: #fb9e2d;
    background: #14171d
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-wp .tab.active:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 4px;
    height: 44px;
    background: #fb9e2d;
    border-radius: 2px
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-content-wp {
    position: relative;
    flex: 1;
    padding: 20px
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-content-wp:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 510px;
    height: 1px;
    background: #1d212a
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-content-wp .content-wp {
    color: #fff
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-content-wp .content-wp .content-title-wp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 24px;
    line-height: 24px
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-content-wp .content-wp .content-title-wp .title {
    font-weight: 700;
    font-size: 18px
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-content-wp .content-wp .content-title-wp .time {
    font-size: 12px
}

#app .mainBody .announce-dialog .announce-panel-wp .tab-content-wp .content-wp .content {
    padding-top: 20px;
    font-size: 12px
}

#app .mainBody .order-detail-dialog .el-dialog__header {
    text-align: left
}

#app .mainBody .order-detail-dialog .el-dialog__body {
    height: 380px;
    padding: 0 24px 16px
}

#app .mainBody .order-detail-dialog .order-detail-panel-wp .panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    line-height: 52px;
    color: #fff;
    font-size: 14px
}

#app .mainBody .order-detail-dialog .order-detail-panel-wp .panel-title button {
    margin-left: 16px;
    color: #a7bcff;
    font-weight: 400
}

#app .mainBody .order-detail-dialog .order-detail-panel-wp .panel {
    display: flex;
    color: #d4dbdb;
    font-size: 14px
}

#app .mainBody .order-detail-dialog .order-detail-panel-wp .panel .panel-part {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

#app .mainBody .order-detail-dialog .order-detail-panel-wp .panel .panel-part:first-child {
    margin-right: 16px
}

#app .mainBody .order-detail-dialog .order-detail-panel-wp .panel .panel-part .detail-item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    overflow: hidden
}

#app .mainBody .order-detail-dialog .order-detail-panel-wp .panel .panel-part .detail-item .detail-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    background: #1b233d
}

#app .mainBody .order-detail-dialog .order-detail-panel-wp .panel .panel-part .detail-item .detail {
    max-width: 222px;
    height: 100%;
    flex: 1;
    padding-left: 20px;
    padding-right: 10px;
    letter-spacing: 2px;
    background: #35416d;
    border-radius: 0 4px 4px 0;
    cursor: pointer
}

#app .mainBody .order-detail-dialog .order-detail-panel-wp .panel .panel-part .detail-item .detail .ellipsisP {
    height: 100%;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#app .mainBody .cancel-order-dialog .el-dialog__body {
    padding: 30px 20px 20px
}

#app .mainBody .cancel-order-dialog .cancel-order-panel-wp .tips {
    margin: auto;
    padding-bottom: 22px;
    width: 224px;
    height: 60px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

#app .mainBody .cancel-order-success-dialog .el-dialog__body {
    padding: 30px 20px 20px
}

#app .mainBody .cancel-order-success-dialog .el-dialog__body .tips {
    padding-bottom: 31px;
    height: 50px;
    line-height: 19px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

#app .mainBody .cancel-order-success-dialog .el-dialog__body .confirm-btn {
    width: 320px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    background-color: #1f61b2;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog {
    background: #fff;
    border-radius: 8px
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5)
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__title {
    font-size: 18px;
    color: #1b233d;
    font-weight: 400
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__close {
    color: #1b233d!important
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__body {
    padding: 32px 24px 24px
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__body .default-bet-money-set {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
    height: 64px;
    line-height: 40px
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__body .default-bet-money-set .tit {
    width: 132px;
    color: #585858;
    text-align: right;
    font-size: 14px
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__body .default-bet-money-set input {
    width: 160px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    text-indent: 12px
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__body .tips {
    padding-bottom: 32px;
    width: 312px;
    height: 132px;
    line-height: 20px;
    color: #f93e3e;
    font-size: 14px;
    font-weight: 400
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__body .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__body .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__body .panel-btns .cancel-btn {
    color: #1b233d;
    border: 1px solid #1b233d
}

#app .mainBody .default-bet-money-setting-dialog .el-dialog__body .panel-btns .save-btn {
    background-image: linear-gradient(90deg,#7146ff,#4a69ff)
}

#app .el-loading-mask {
    background-color: rgba(27,35,61,.8)
}

#app .redBagDiv {
    position: fixed;
    z-index: 99;
    top: 400px;
    right: 0
}

#app .redBagDiv img {
    cursor: pointer;
    width: 300px
}

#app .redBagDiv .redBagText {
    color: #fff;
    font-size: 15px;
    line-height: 17px;
    font-weight: 800;
    position: absolute;
    top: 93px;
    left: 109px;
    display: inline-block;
    width: 80px
}

#app .redBagDiv .ball {
    cursor: pointer;
    position: absolute;
    left: 140px;
    bottom: 24px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #fff
}

#app .redBagDiv .ball i {
    color: #fff;
    font-size: 14px
}

#app .displayNone {
    display: none
}

#app .fade-enter-active,#app .fade-leave-active {
    transition: opacity .5s
}

#app .fade-enter,#app .fade-leave-to {
    opacity: 0
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

div {
    box-sizing: border-box
}

body,html {
    height: 100%
}

a {
    text-decoration: none
}

* {
    font-family: Arial,Microsoft YaHei,sans-serif!important
}

a,div,p,span {
    font-weight: 400
}

strong {
    font-weight: 800
}

.el-message {
    z-index: 3000!important
}

.el-dialog__close {
    color: #fff!important
}

#goRegister {
    color: #6495ed;
    cursor: pointer
}

.remarkPopover {
    word-wrap: break-word!important
}

.el-table .cell,.remarkPopover {
    word-break: break-word!important
}

.accountList .el-radio-group label {
    margin: 10px
}

.qrcode-wp {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: auto;
    height: 170px;
    background: #fff;
    border-radius: 8px
}

.qrcode-wp .qrcode-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    margin: 0 10px
}

.qrcode-wp .qrcode-item img {
    width: 140px;
    height: 140px;
    background: #fff;
    border-radius: 4px
}

.qrcode-wp .qrcode-item span {
    padding-top: 6px;
    width: 140px;
    height: 16px;
    line-height: 16px;
    color: #1b233d;
    text-align: center;
    font-size: 16px
}

.vnDialog.el-dialog .el-dialog__header {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    background-color: #1b233d
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-thumb,::-webkit-scrollbar-track {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2)
}

::-webkit-scrollbar-track {
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
    width: 32px;
    height: 32px;
    font-size: 24px;
    position: absolute;
    top: 14px;
    right: 20px
}

.vnDialog.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
    zoom:1.02}

.vnDialog.el-dialog .el-dialog__body {
    background-color: #293356;
    padding: 20px;
    color: #fff;
    font-size: 14px
}

.vnDialog.el-dialog .el-dialog__footer {
    background-color: #293356;
    padding: 0 50px 20px;
    text-align: center
}

.vnDialog.el-dialog .el-dialog__footer button {
    width: 100%
}

.vnForm.el-form .el-form-item__label {
    color: #fff
}

.vnForm.el-form .el-form-item input {
    background-color: #1b233d;
    color: #fff;
    border-radius: 0;
    border-color: #3c3f43;
    font-size: 12px
}

.vnForm.el-form .el-form-item.is-success input {
    border-color: #5cae50;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-error input {
    border-color: red;
    background-color: #fff;
    color: #2a3040
}

.vnForm.el-form .el-form-item.is-validating input {
    border-color: #3c3f43;
    background-color: #fff;
    color: #2a3040
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(92,101,132,.8)
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    background: #2f3b63
}

.announce-dialog .el-dialog,.cancel-order-dialog .el-dialog,.cancel-order-success-dialog .el-dialog,.descriptionDialog .el-dialog,.featuresDialog .el-dialog,.order-detail-dialog .el-dialog {
    border-radius: 8px
}

.announce-dialog .el-dialog__header,.cancel-order-dialog .el-dialog__header,.cancel-order-success-dialog .el-dialog__header,.descriptionDialog .el-dialog__header,.featuresDialog .el-dialog__header,.order-detail-dialog .el-dialog__header {
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    background: #1b233d;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    box-shadow: inset 0 -.5px 0 0 rgba(144,162,220,.5);
    border-radius: 8px 8px 0 0
}

.announce-dialog .el-dialog__title,.cancel-order-dialog .el-dialog__title,.cancel-order-success-dialog .el-dialog__title,.descriptionDialog .el-dialog__title,.featuresDialog .el-dialog__title,.order-detail-dialog .el-dialog__title {
    color: #fff
}

.announce-dialog .el-dialog__headerbtn,.cancel-order-dialog .el-dialog__headerbtn,.cancel-order-success-dialog .el-dialog__headerbtn,.descriptionDialog .el-dialog__headerbtn,.featuresDialog .el-dialog__headerbtn,.order-detail-dialog .el-dialog__headerbtn {
    top: 18px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 15px
}

.announce-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-dialog .el-dialog__headerbtn .el-dialog__close,.cancel-order-success-dialog .el-dialog__headerbtn .el-dialog__close,.descriptionDialog .el-dialog__headerbtn .el-dialog__close,.featuresDialog .el-dialog__headerbtn .el-dialog__close,.order-detail-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

.announce-dialog .el-dialog__body,.cancel-order-dialog .el-dialog__body,.cancel-order-success-dialog .el-dialog__body,.descriptionDialog .el-dialog__body,.featuresDialog .el-dialog__body,.order-detail-dialog .el-dialog__body {
    background: #293356;
    border-radius: 0 0 8px 8px
}

.announce-dialog .panel-btns,.cancel-order-dialog .panel-btns,.cancel-order-success-dialog .panel-btns,.descriptionDialog .panel-btns,.featuresDialog .panel-btns,.order-detail-dialog .panel-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    line-height: 45px
}

.announce-dialog .panel-btns div,.cancel-order-dialog .panel-btns div,.cancel-order-success-dialog .panel-btns div,.descriptionDialog .panel-btns div,.featuresDialog .panel-btns div,.order-detail-dialog .panel-btns div {
    width: 150px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.announce-dialog .panel-btns .cancel-btn,.cancel-order-dialog .panel-btns .cancel-btn,.cancel-order-success-dialog .panel-btns .cancel-btn,.descriptionDialog .panel-btns .cancel-btn,.featuresDialog .panel-btns .cancel-btn,.order-detail-dialog .panel-btns .cancel-btn {
    background-color: #9a9b99
}

.announce-dialog .panel-btns .save-btn,.cancel-order-dialog .panel-btns .save-btn,.cancel-order-success-dialog .panel-btns .save-btn,.descriptionDialog .panel-btns .save-btn,.featuresDialog .panel-btns .save-btn,.order-detail-dialog .panel-btns .save-btn {
    background-color: #1f61b2
}

.backgroundColor {
    background-color: #1b233d!important;
    color: #fff;
    font-size: 14px
}

.tableBgcommon {
    background-color: #293356!important;
    color: #fff;
    font-size: 14px
}

.backgroundColorHover {
    background: #90a2dc!important
}

.labelColorCommon {
    color: #90a2dc!important
}

.heightCommon {
    height: 40px;
    line-height: 40px;
    color: #fff
}

.dialogInputCommon {
    background: #fbfbfb!important;
    width: 312px;
    height: 40px;
    border: 1px solid #1b233d;
    border-radius: 4px;
    color: #000;
    font-size: 14px
}

.borderBottomCommon {
    border-bottom: 1px solid #495994
}

.fontColorCommon {
    color: #fff;
    font-size: 14px
}

.dflex {
    display: flex
}

.ellipsis, .el-dialog .dialogBody .dialogText {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    width: 100%
}

.closeBtn {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer
}

.closeBtn i {
    color: #000;
    font-size: 28px
}

.dialogList {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.dialogList .list {
    margin-left: 85px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px
}

.dialogList .list .value {
    margin-left: 5px
}

.btns {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.btns span {
    width: 150px;
    display: inline-block;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-weight: 700;
    color: #fff;
    font-size: 14px
}

.btns .confimeBtn {
    background-color: #1f61b2
}

.btns .cancelBtn {
    background-color: #9a9b99
}


.el-dropdown{
	color: #90a2dc;
	font-size: 14px;
}
.el-dropdown-menu__item {
    list-style: none;
    line-height: 36px;
    padding: 0 20px;
    margin: 0;
    font-size: 14px;
    color: #90a2dc;
    cursor: pointer;
    outline: none
}

.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #fdfaf6;
    color: #edd9b6
}

.games .el-main{
	padding: 0;
}

.item-end_flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.el-checkbox__label{
	color: #90a2dc;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
	color: rgb(233, 207, 164);
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: rgb(233, 207, 164);
    border-color: rgb(233, 207, 164);
}
.dialog-footer .el-button{
	width: 100%;
	margin: 0;
}
.dialog-footer .el-btn-submit{
	color: rgb(255, 255, 255) !important;
	background: linear-gradient(135deg, rgb(113, 70, 255), rgb(74, 105, 255)) !important;
	border: none !important;
}
.dialog-footer .el-btn-solid{
	background-color: transparent;
	padding: 0;
	height: 38px;
	line-height: 38px;
	cursor: pointer;
	color: rgb(144, 162, 220);
	border: 1px solid rgb(144, 162, 220);
	border-radius: 4px;
}



.el-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #e9cfa4;
    z-index: 1;
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    list-style: none
}

.el-tabs__new-tab {
    float: right;
    border: 1px solid #d3dce6;
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin: 12px 0 9px 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: #d3dce6;
    cursor: pointer;
    transition: all .15s
}

.el-tabs__new-tab .el-icon-plus {
    transform: scale(.8)
}
.el-tabs__item {
    color: #90a2dc;
    position: relative;
}
.el-tabs__new-tab:hover {
    color: #e9cfa4
}
.el-tabs__item:hover {
    color: #e9cfa4;
    cursor: pointer;
}
.el-tabs__item.is-active {
    color: #e9cfa4;
}
.el-dialog__title{
	color: #FFFFFF;
	text-align: left;
}
.el-dialog__body{
    background-color: #293356;
}
.el-dialog__header{
	text-align: left;
}
.el-dialog__footer{
	padding: 20px 15px;
    background-color: #293356;
	border-top: 1px solid #1d212a;
}
.el-dialog__footer .el-button{
	height: 40px;
	margin: 0 10px;
}
.el-button--primary {
    color: #fff!important;
    background: linear-gradient(135deg,#7146ff,#4a69ff)!important;
    border: none!important;
    font-size: 14px;
}

.btn-submit{
	width: 360px;
	height: 40px;
}
.footer .nav .el-switch{
	width: 30px;
}

















